javascript - Jquery 不关注 disqus div

Question

我在我的新闻站点中使用 disqus 进行评论，我将 disqus div 设置为 display:none，我希望用户必须单击按钮才能显示和隐藏此 div。

我在 jQuery 中做了一个脚本，在这个按钮中进行切换，我可以隐藏和显示 div，但是当它显示时，不关注 div，但这是按钮所在的位置。

这没有用，因为按下按钮应该将用户带到评论所在的部分，但事实并非如此。

脚本:

$(document).ready(function(){
        $('.gn-icon-bubble').attr("href","#foot").click(function(){
            $('.disqus_thread').toggle('swing');
         });
});

.gn-icon-bubble 是按钮，如您所知，.disqus-thread 是 div 的类； #foot 是我的 anchor ，在主页的页脚中，但仍然不起作用。

我试过使用 anchor ，但给出了相同的、仍然是重点的评论。非常感谢你的帮助。

Answer 1

使用Event Delegation动态改变元素，使用preventDefault停止默认 Action

$(document).ready(function(){
     $('.gn-icon-bubble').attr("href","#foot");
    $(document).on("click", ".gn-icon-bubble[href=#foot]" , function(event){
              // event.preventDefault(); If you want to stop default anchor tag click action 
                $('.disqus_thread').toggle('swing');
             });
});