jQuery onClick hide

我无法弄清楚为什么我的jQuery没有删除/隐藏一个特定的div我已经看了几个例子，它应该工作得很好。 这是在Drupal 7上的jQuery上完成的。这里是它所在的网站： http ： //mahonysbeta.scdmarketing.com/

HTML

 
X
   

CSS

 /*closing note*/ #closingnote { left: 20%; position: absolute; top: 175px; z-index: 9999; } .xbutton { position: absolute; padding: 3px 5px 0px; left: 237px; top: 10px; color: black; border: 1px black solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 10px; } 

JS

 (function ($) { $('.xbutton').click(function(){ $('#closingnote').remove(); }); })(jQuery); 

Answer 1

您提供的代码运行正常 。

如果您正在动态添加“closingnote”或“xbutton”分隔符，则需要将click事件委托给在使用jQuery的on()方法添加到页面之前创建的祖先：

 $('body').on('click', '.xbutton', function() { $('#closingnote').remove(); }); 

如果这仍然不起作用，那么你只能得出结论：你忘记了包含jQuery， 在你的代码之后包含了jQuery ，或者使用了具有相同id多个元素。

检查浏览器的JavaScript控制台 ，看看是否有任何错误，并确保您的id是唯一的。