将 javascript 定义应用于带有 Ajax 加载的附加字符串

Question

我想向页面附加一些 HTML 字符串。但是我有一个令人困惑的问题。我有许多 HTML 元素必须由 Javascript 解释。例如，只看简单的 bootstrap 工具提示：

$('#myDiv').append('<span title="Its the tooltip" data-toggle="tooltip" >test</span>');

如何将 javascript 函数和定义应用于我的 HTML 字符串？我注意到我无法通过 .tooltip() 函数一一附加它们。

完整代码在这里：

HTML

<div class="users-page">
    <div id="myDiv" ></div>
    <ul class="pagination">
        <li><a href="URL/page/20"></li>
    </ul>
</div>

Javascript

$(document).on('click','.users-page .pagination a',function(e){
    e.preventDefault();
    var targetUrl = $(this).attr("href");

    $.ajax({
        url: targetUrl,
        success: function(data){
                var html = '<span title="Its the tooltip" data-toggle="tooltip" >test</span>';
                var $html = $(html);
                $('#myDiv').append($html);
                }
    });
});

Answer 1

试试：

var html = "<span title='Its the tooltip' data-toggle='tooltip' >test</span>";
var $html = $(html);
//do what you want with $html
$("#myDiv").append($html);

将 javascript 定义应用于带有 Ajax 加载的附加字符串

Apply javascript definitions to appended string with Ajax loading

javascript

jquery

ajax