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 мой якорь, находится в нижнем колонтитуле главной страницы, но все еще не работает.

Я пытался использовать якоря, но выдает те же комментарии. Я действительно ценю твою помощь.

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

Answer 2

Попробуй это:

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