jQuery в прямом эфире?

Question

Недавно я развернул бесконечный прокрутки к приложению, которое я создал, и обнаружил, что иногда мне нужно дважды щелкнуть, чтобы что-то произошло.

Мое приложение имеет, и как только дом был загружен, мне нужно дважды щелкнуть по подобной кнопке, прежде чем он изменится, а затем, когда я нажму на другие, это нормально, но мне всегда нужно щелкнуть один раз для приложения почти «проснуться»

Есть ли лучшее решение?

$(document).ready(function() { 
    function runUpdate(url, item) { 
     $.ajax({ 
      type: "GET", 
      url: url, 
      cache: false, 
      success: function(data){ 
       if (data == '200') { 
        removeAddColor(item); 
       } 
      } 
     }); 
    } 

    $('.mini-like').live('click', function(){ 
     $('.mini-like').toggle(
      function() { 
       var item = $(this); 
       var href = item.attr('href'); 
       runUpdate(href, item); 
      }, 
      function() { 
       var item = $(this); 
       var rel = item.attr('rel'); 
       runUpdate(rel, item); 
      } 
     ); 
    }); 

    function removeAddColorFollow(item) { 
     var href = $(this).attr('href'); 
     var rel = $(this).attr('rel'); 
     if (item.hasClass('btn-success')) { 
      $(item).removeClass('btn-success').attr('href', href).attr('rel', rel); 
      $(item).find('i').removeClass('icon-white'); 
     } else { 
      $(item).addClass('btn-success').attr('href', rel).attr('rel', href); 
      $(item).find('i').addClass('icon-white'); 
     }; 
    } 
}); 

Answer 1

Код $('.mini-like').live('click',... должен быть помещен внутрь $(document).ready()

Вы можете использовать .on вместо .live. Как .on новый метод и .live осуждается теперь вы должны использовать .on

UPDATE Повторно написана версия будет

$(document).ready(function(){ 
$('.mini-like').on('click', function(){ 
    $('.mini-like').toggle(
     function() { 
      var item = $(this); 
      var href = item.attr('href'); 
      runUpdate(href, item); 
     }, 
     function() { 
      var item = $(this); 
      var rel = item.attr('rel'); 
      runUpdate(rel, item); 
     } 
    ); 
}); 

}); 

function runUpdate(url, item) { 
    $.ajax({ 
     type: "GET", 
     url: url, 
     cache: false, 
     success: function(data){ 
      if (data == '200') { 
       removeAddColor(item); 
      } 
     } 
    }); 
} 


function removeAddColorFollow(item) { 
    var href = $(this).attr('href'); 
    var rel = $(this).attr('rel'); 
    if (item.hasClass('btn-success')) { 
     $(item).removeClass('btn-success').attr('href', href).attr('rel', rel); 
     $(item).find('i').removeClass('icon-white'); 
    } else { 
     $(item).addClass('btn-success').attr('href', rel).attr('rel', href); 
     $(item).find('i').addClass('icon-white'); 
    }; 
} 

Answer 2

Ну, если я не совсем так, вы только прикрепить пуговицу event to .mini-like после того, как он был нажат один раз. Попробуйте просто заменить

$('.mini-like').live('click', function() {... 

С

$(function() {... 

Чтобы присоединить обработчик событий переключения на документ, готовый вместо по щелчку