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>