javascript - 通过 Ajax 加载将 javascript 定义应用于附加字符串

Question

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

$('#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);