我的jQuery .hover工作正常，但我无法让.click工作

Question

我的目标是在点击时将此文字更改为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"});
    }); 
});