>source

페이지를로드하고 항목을로드하는 목록이 있습니다. 페이지에서 항목을 클릭하면 json으로 항목을로드합니다.

$('.content-items:checkbox').on('change',
  function () {
    $.get(newUrl, function (data) {
      $("#ProductsPartialView").empty();
      $("#ProductsPartialView").append(data);
      $('#loadingModal').modal('hide');
    }).fail(function (xhr, err) {
      alert("readyState: " + xhr.readyState + "\nstatus: " + xhr.status);
      alert("responseText: " + xhr.responseText);
    });
  });

항목 클릭 요소가 기능을 실행할 때

$('.compare-items:checkbox').on('change',
   function() {
      $('#loadingModal').modal('show');
      var value = $(this).data('id');
      $.getJSON("/store/AddToCompare", {
         id: value, add: true
      }, function (result) {
         $(".compare-footer").show();
         $(".compare-count").html(result);
         $('#loadingModal').modal('hide');
      });
    }
});

페이지로드에 항목을로드 할 때이 jquery를 실행하지만 첫 번째 코드에 json이있는 항목을로드 할 때 두 번째 기능을 실행하지 마십시오.

  • 답변 # 1

    이를 위해서는 $(document).on(event,selector, cb{}); 가 필요합니다  동적으로 생성 된 데이터에 대한 작업을 수행하려는 경우

    $(document).on('change','.compare-items:checkbox',
       function() {...
    
    

관련 자료

  • 이전 reactjs - nginx를 통한 API 서버 (Golang) 요청 실패 및 404 오류 반환
  • 다음 ios - Swift UI에서 NavigationLink를 사용할 때 화면에 아무것도 표시되지 않습니다