jQuery는 div에 이미있는 경우에만 변경됩니다.

Question

현재 div의 페이지에 예 및 아니요 버튼을 둘러싸는 ID이 있습니다. 버튼을 선택하면 jQuery는 ID의 정보를 호출하는 add_song.php 파일로 바꿉니다.

작가가 변경되면 페이지에서 드롭 다운에 change의 라이브가 있고 keyup입니다.이 변경된 아티스트 ID는 add_song.php입니다. 문제는 예 또는 아니오를 선택했을 때, 내가로드하는 아티스트 이름을 변경하면 add_song.php입니다. 난 단지 change 및 keyup가 add_song.php은 예 또는 작가가 change/keyup에 변경 될 때로드 대신없이 버튼 클릭 후로드 된 작가를 변경할 수 있도록하려면 어떻게

. 여기

echo '<span class="edit-buttons"><input type="submit" value="yes" id="add_existing_song"></span>'; 
echo '<span style="padding-left:10px" class="edit-buttons"><input type="submit" value="no" id="add_new_song"></span>'; 
echo '<div id="display_add_new_song"></div>'; 

죄송합니다 jQuery 코드는 다음과 같습니다 :

$(document).ready(function(){ 
     $("#add_new_song").live("click", function() { 
     var artistid = $("#artist").val(); 
     $("#display_add_new_song").load("php/add_song_new.php?var1=" + artistid); 
}); 
}); 

$(document).ready(function(){ 
     $("#artist").change(function() { 
     var artistid = $("#artist").val(); 
     $("#display_add_new_song").load("php/add_song_new.php?var1=" + artistid); 
}); 
}); 

$(document).ready(function(){ 
     $("#artist").keyup(function() { 
     var artistid = $("#artist").val(); 
     $("#display_add_new_song").load("php/add_song_new.php?var1=" + artistid); 
}); 
}); 

Answer 1

당신은 .loadcallback function에 keyup/change의 바인딩 이벤트를 이동해야 다음

는 PHP입니다. .load은 콘텐츠가로드 된 직후에 실행될 콜백 인 두 번째 매개 변수를 취할 수 있으므로로드 한 직후 이벤트를 #artist에 바인딩 할 수 있습니다.

또한 문서 준비가 완료된 후에 실행할 JavaScript를 병합 할 수 있으며 동일한 기능으로 바인딩 할 이벤트를 결합 할 수 있으므로 스크립트에서 중복 코드가 조금씩 제거됩니다. 코드가

$(document).ready(function(){ 
    $("#add_new_song").live("click", function() { 
     var artistid = $("#artist").val(); 
     $("#display_add_new_song").load("php/add_song_new.php?var1=" + artistid, function(){ 
      $("#artist").on("keyup change", function() { 
       var artistid = $("#artist").val(); 
       $("#display_add_new_song").load("php/add_song_new.php?var1=" + artistid); 
      }); 
     }); 
    }); 
});