jQuery事件多次点击

Question

我试图使“ 提示工具提示 ”在单击时显示，而在第二次单击时消失。 同样，第一次（奇数）单击时也不会显示工具提示。 而是在第三次点击时显示。

的HTML

<p id="more_pricing_info">
<a id="more_pricing_info_tooltip" rel='tipsy' title='Well hello there' onclick='$("#more_pricing_info a[rel=tipsy]").tipsy("show"); return false;'>
    More Info
</a>
</p>

Java脚本

$(function() {
$('#more_pricing_info').click(function() {
    var clicks = $(this).data('clicks');
    if (clicks) {
        // odd clicks
        $('#more_pricing_info a[rel=tipsy]').tipsy({trigger: 'manual', gravity: 'se'});
    } else {
        // even clicks
    }
        $(this).data("clicks", !clicks);
});
});

Answer 1

您的元素需要一个初始的“ click”值，否则，当您第一次拉它时，您的clicks var是undefined 。 然后将其设置为!clicks ，其结果为false 。 然后，第二次单击时，脚本会看到clicks是错误的，因此它将跳过工具提示并将clicks设置为true。 在第3次点击时，您的代码将看到clicks最终变为true，并触发工具提示。

为了设置“点击次数”的初始值，请将此属性添加到您的锚标记中：

data-clicks="true"

另外，您可能需要删除锚标记中的onclick属性，而只需让您的JavaScript代码处理click事件即可。

因此，这是您的新锚标记：

<p id="more_pricing_info">
<a id="more_pricing_info_tooltip" data-clicks="true" rel='tipsy' title='Well hello there' >
    More Info
</a>
</p>