jQuery技术:jQuery onClick hide

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

HTML

X
jQuery技术:jQuery onClick hide

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); 

    您提供的代码运行正常 。

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

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

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

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

      以上就是jQuery教程分享jQuery onClick hide相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547817.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐