jQuery - preventDefault() в .each function

Question

Я хочу использовать функцию preventDefault() в .each для набора кнопок и ее не работает. Когда я использую его с одной .click-функцией, он отлично работает, но внутри .each не

Что я делаю неправильно?

Вот мой .js код

$(document).ready(function() { 

    var findingStatus = $('#findingStatus').attr('finding-status-type'); 
    var findingLike = $('#finding_like_btn'); 
    var findingDislikeBox = $('.finding_dislike_add'); 
    var findingDislikeCollection = $('.finding_dislike_add_btn') 
    var findingUnlike = $('#finding_unlike_btn'); 
    var findingDislikeRemoved = $('#finding_dislike_removed'); 

    var alertBox = $('.alert-box').hide(); 



    if (findingStatus == 0) { 
     findingDislikeBox.show(); 
     findingUnlike.hide(); 
     findingDislikeRemoved.hide(); 
    } 
    else if (findingStatus == 1) { 
     findingDislikeBox.hide(); 
     findingUnlike.show(); 
     findingDislikeRemoved.hide(); 
    } 
    else if (findingStatus == 2) { 
     findingDislikeRemoved.show(); 
     findingUnlike.show(); 
     findingDislikeBox.hide(); 
     findingLike.hide(); 

    } 

    findingDislikeCollection.each(function() { 



     var findingDislike = $(this).clone(); 
     var url = findingDislike.attr("href"); 

     findingDislike.click(function(event) { 

      event.preventDefault(); 

      $.ajax({ 
       url: url, 
       type: "POST", 
       dataType: "json", 
       success: function(data) { 

        if (data.profileState == 1) { 

         $('#dislike_count_btn').text('Odrzuć' + data.DislikeCount); 
         findingDislikeBox.hide(); 
         findingDislikeRemoved.show(); 
         findingUnlike.show(); 
         //findingUnDislike.show(); 
         //findingUnDislike.attr('disabled', false); 
         //findingUnDislike.text('Cofnij'); 
        } 
        else { 
         alertBox.show(); 
         if ($('.alert-box-msg').length==0) { 
          $('.alert-area').prepend('<p class="alert-area alert-box-msg">Żeby korzystać z tej funkcji musisz być zalogowany.</p>'); 

         } 
         findingDislike.attr('disabled', false); 
        } 

       }, 
       error: function() { 
        alert('Problem z serwerem, spróbuj ponownie za kilka minut.'); 
        findingDislike.attr('disabled', false); 
       } 

      }); 


     }); 



    }); 



    $('html').click(function (e) { 
     if (!$(e.target).hasClass('alert-area')) { 
      $('.alert-box').hide(); 
      findingDislike.attr('disabled', false); 
     } 
    }); 


}); 

Спасибо за ответ

Answer 1

Вы клонировать элемент с .clone, что означает, что вы на самом деле не прикрепление слушателя событий к чему-либо в DOM. Клонированные элементы должны быть вручную вставлены в DOM с JavaScript, чтобы они имели какой-либо эффект.

Answer 2

Это не является правильным способом. После работы следует:

findingDislikeCollection.click(function(event){ 
    var findingDislike = $(this); 
    var url = findingDislike.attr("href"); 
    //AJAX call 
    event.preventDefault(); 
}); 

Более подробную информацию о событии мыши приведены здесь: https://api.jquery.com/click/