我的jQuery .hover正常工作，但無法獲得.click的工作

Question

我的目標是使此文本更改為opacity: 0單擊時為opacity: 0 。 但是，我無法回應。

的HTML

<div class="click-contact">
    <h2 class="insignia-inner-text">contact</h2>
</div>

jQuery的

jQuery(document).ready(function() { 
    jQuery(".click-contact").click(function() {
            jQuery(".insignia-inner-text").css({"opacity": "0"});
    }); 
});

JSfiddle： http : //jsfiddle.net/Gy787/

我使用的是wordpress，因此我必須運行noConflict，但是對於我所有的.hover函數來說，它都運行良好。

誰能發現我在做什么錯？

Answer 1

您尚未在小提琴中包含jQuery 。 一切正常。

Answer 2

在這種情況下，請確保您的聯系人沒有動態加載：

jQuery(document).ready(function() { 
    jQuery("div").on('click','.click-contact', function() {
            jQuery(".insignia-inner-text").css({"opacity": "0"});
    }); 
});