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

通过Ajax加载将javascript定义应用于附加字符串,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想在页面上附加一些HTML字符串。但我有一个困惑的问题。我有许多HTML元素,它们必须由Javascript解释。例如,只需查看简单的引导工具提示: $('#myDiv').append('<span title="Its the tooltip" data-toggle="tooltip" >test</span>'); $('#myDiv')。追加('test'); 如何将javascript函数和定义应用于HTML字符串? 我注意到我不能逐个附加它们,例如通过

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

$('#myDiv').append('<span title="Its the tooltip" data-toggle="tooltip" >test</span>');
$('#myDiv')。追加('test');
如何将javascript函数和定义应用于HTML字符串? 我注意到我不能逐个附加它们,例如通过.tooltip()函数

完整代码如下:

HTML


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);
                }
    });
});
$(文档)。在('单击','用户页上。分页a',函数(e){
e、 预防默认值();
var targetUrl=$(this.attr(“href”);
$.ajax({
url:targetUrl,
成功:功能(数据){
var html='test';
var$html=$(html);
$('#myDiv')。追加($html);
}
});
});
试试:

var html = "<span title='Its the tooltip' data-toggle='tooltip' >test</span>";
var $html = $(html);
//do what you want with $html
$("#myDiv").append($html);
var html=“test”;
var$html=$(html);
//使用$html执行您想要的操作
$(“#myDiv”).append($html);

你能再解释一下你想做什么吗?是否将单击事件绑定到DOM元素?或者将脚本元素与span元素一起附加?请澄清是的,我编辑了这篇文章并进一步澄清了它。它独立于AJAX,您正在函数中执行代码。如果您的问题是工具提示不起作用,那是因为您没有运行
.tooltip()
方法。
var html = "<span title='Its the tooltip' data-toggle='tooltip' >test</span>";
var $html = $(html);
//do what you want with $html
$("#myDiv").append($html);