我在工具提示中使用Jquery Cluetip。
工具提示内容通过Cluetip中的AJAX功能加载。在加载的内容中,我想使用Javascript来增加可用性。
index.html:
<img src="edit.png" title="Test" class="popup" rel="ajax-content.html">
onLoad.js:
$('.popup').cluetip({activation: 'click'});
ajax-content.html:
<script language="javascript" type="text/javascript">
alert('Hello world!');
</script>
Test content.
结果是单击时出现标题为“测试”,内容为“测试内容”的工具提示,没有提示“ Hello world!”的提示。 FireBug不显示脚本或控制台错误。
有什么帮助吗?
编辑:
我想到了。
Cluetip对处理ajax具有默认操作:
ajaxProcess: function(data) {
data = data.replace(/<(script|style|title)[^<]+<\/(script|style|title)>/gm, '').replace(/<(link|meta)[^>]+>/g,'');
return data;
}
因此解决方法是:
$('.popup').cluetip({
activation: 'click'.
ajaxProcess: function(data) {
return data;
}
});
我不确定Cluetip为什么删除所有脚本/样式/标题,可能是为了防止错误。
最佳答案
脚本通常不会通过jquery的ajax提取加载。通常,您通常必须自己通过$ .getScript()或找到脚本元素并加载自己的脚本来执行此操作。
我认为cluetip不会通过其rel加载功能为您完成此操作。另外,这通常不是一个好主意,为什么要尝试这样做?