我正在使用tooltipster插件来创建工具提示。当页面打开时,我要在其中应用插件的某些内容是通过AJAX加载的。
我尝试使用
jQuery(window).on("load", function(){
$('.tip1').tooltipster();
});
但似乎只在主页内容上应用了此功能,而不在ajax加载的内容上应用了此功能。
这是可行的:
$(document).on('ready ajaxComplete', function() {
$('.tip1').tooltipster();
});
但是如果通过AJAX重新加载内容,则似乎会导致错误。我在控制台中看到很多这样的警告:
工具提示:此元素已附加一个或多个工具提示:忽略。使用“多个”选项附加更多工具提示
什么是使它正常工作的最佳方法?
编辑:外部内容是这样加载的:
<script type="text/javascript">
$(document).ready(function() {
url = "source_url.php";
target= ".holder";
$(target).load(url);
});
</script>
<div class="holder"></div>
$(document).ready(function() {
url = "source_url.php";
target= ".holder";
$(target).load(url, function() { $('.tip1', $(this)).tooltipster(); });
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句