我在工具提示中使用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加载功能为您完成此操作。另外,这通常不是一个好主意,为什么要尝试这样做?

08-27 10:33