Question

我似乎无法使其正常工作。

我正在编写几个指向DOM的链接（循环遍历json文件并附加到DOM），然后我需要这些元素在悬停时触发工具提示。

我没有在任何地方看到这个方法的一个很好的例子 - cluetip网站显示了一个简短的例子，然后寻找a和调用cluetip。我认为必须有.live或.delegate方法来执行此操作：

$("body").delegate("a.toolTip", "mouseover", function (event) {

            $('a.toolTip').cluetip({
                showTitle: false,
                attribute: 'title',
                local: false
                });

            event.preventDefault();

        });

但这不会触发第一次鼠标悬停，我收到“抱歉，内容无法加载”

有什么想法吗？

感谢

Answer 1

您需要重新触发鼠标悬停事件。

$("body").delegate("a.toolTip", "mouseenter", function (event) {
    $('a.toolTip').cluetip({
        showTitle: false,
        attribute: 'title',
        local: false
    }).trigger("mouseenter");

    event.preventDefault();
});

其他挑剔的事情：

~~event.preventDefault()应该先出现~~，你应该防止插件被多次应用。

$("body").delegate("a.toolTip:not(.hasTooltip)", "mouseenter", function (event) {

    $('a.toolTip').cluetip({
        showTitle: false,
        attribute: 'title',
        local: false
    }).addClass("hasTooltip").trigger("mouseenter");
    event.preventDefault();
});

编辑：mouseover应该是mouseenter，event.preventDefault确实应该是最后一次，这样如果它失败了，默认的工具提示仍然可以工作。

关于动态元素的jquery cluetip

1 个答案: