通过Ajax加载将javascript定义应用于附加字符串
我想在页面上附加一些HTML字符串。但我有一个困惑的问题。我有许多HTML元素,它们必须由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字符串? 我注意到我不能逐个附加它们,例如通过
$('#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);