Javascript 我的jQuery.hover'；s工作正常，但我可以'；无法获取。单击以开始工作

我的目标是在单击时将此文本更改为

opacity:0

。然而，我无法得到它的回应

HTML

JSfiddle：

我正在使用wordpress，所以我必须运行noConflict，但它对我所有的.hover函数都很好

---

有人能看出我做错了什么吗？

你没有把

jQuery

包括在小提琴里。它工作正常。

确保您的联系人在这种情况下不会动态加载。请使用：

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

---

如果您添加一个js库，它在小提琴中工作得很好…看到了吗？您还没有在小提琴中选择jquery框架。您的代码工作得很好，只是没有将jquery包含在JSFIDLE左上角的下拉列表中：我明白了。为什么我不能让它在我的wordpress网站上运行呢？奇怪的是，这对我来说仍然没有任何作用。解决办法是让我的div比其他元素更高。

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

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