Question

我正在使用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会删除所有脚本/样式/标题，可能是为了防止错误。

Answer 1

脚本通常不是通过jquery的ajax获取加载的。您通常必须通过$ .getScript（）或通过查找脚本元素并自行加载脚本来自行完成此操作。

我认为cluetip不会通过其rel加载功能为您执行此操作。此外，这通常不是一个好主意，你为什么要这样做？

Jquery Cluetip - 在工具提示中使用javascript

1 个答案: