我有一个带有工具提示的小进度条。
<div class="progress progress-mini tip" title="" data-original-title="70%">
<div class="progress-bar" style="width:70%;"></div>
</div>
如果我直接将其放在页面中,它就可以工作。
但是当我用ajax得到它时:
$.ajax({
type: "GET",
url: "/ajax/getLists.php",
datatype: "html",
beforeSend: function() {
$('#ajaxspinner').show();
},
success: function(data) {
$('#ajaxspinner').hide();
$('.container-fluid #heading').after(data);
}
});
PHP 文件(getLists.php):
<?php
echo '<div class="progress progress-mini tip" title="" data-original-title="70%"><div class="progress-bar" style="width:70%;"></div></div>';
?>
工具提示不显示。
(我是 jquery 新手,找不到解决方案)
最佳答案
我假设您正在使用 jquery 的工具提示插件。您按照演示进行操作并在文档就绪时对其进行了初始化,是这样吗? 如果是这样,您应该在加载内容后初始化您的插件。像这样的东西:
$.ajax({
type: "GET",
url: "/ajax/getLists.php",
datatype: "html",
beforeSend: function() {
$('#ajaxspinner').show();
},
success: function(data) {
$('#ajaxspinner').hide();
$('.container-fluid #heading').after(data);
$.tooltipPluginInit('.tip'); // whatever
}
});
关于javascript - ajax 加载内容中的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21512238/