Jquery不要专注于disqus div答案

【问题标题】：Jquery don't focus in disqus divJquery不要专注于disqus div
【发布时间】：2014-07-25 06:05:36
【问题描述】：

我在我的新闻站点中为 cmets 使用 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 是我的锚点，在主页的页脚中，但仍然不起作用。

我尝试过使用锚点，但给出的结果相同，仍然是焦点 cmets。我真的很感谢你的帮助。

【问题讨论】：

标签： javascript jquery html css disqus

【解决方案1】：

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

$(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');
             });
});

【讨论】：

谢谢，我必须验证这一点并在这里评论结果。

【解决方案2】：

试试这个：

$('.gn-icon-bubble').click(function() { 
   $('.disqus_thread').toggle('swing',function() {
     $('#foot').focus();
    });
    return false;
 });

【讨论】：