jQuery函數沒有被解僱

Question

上午檢索狀態列表。我正在使用JQuery和Ajax。第一jQuery函數被炒魷魚，但即使我已經正確指定

$(document) 
    .ready(
      function() { 


       $('#countryId').on('change',function(){ 

        jQuery 
        .ajax({ 


        error : function() { 

          $("#stateSelectBox") 
            .html(
              "<span class='error'>Failed to load state!</span>"); 

         }, 
         success : function(results) { 

          $("#stateSelectBox") 
            .html(results); 

         } 
        }); 

        }); 



       $('#stateId').on('change',function(){ 



        jQuery 
        .ajax({ 


         error : function() { 

           $("#city") 
             .html(
               "<span class='error'>Failed to load state!</span>"); 

          }, 
          success : function(results) { 

           $("#city") 
             .html(results); 

          } 

        }); 

        }); 

       }); 

Answer 1

我的id字段在你的第一個成功回調您要插入的DOM中HTML第二jQuery的功能沒有被解僱。所以DOM中的第二個複選框將不可用當文檔準備就緒時。所以將第二個選擇器放在成功回調中，以便當jquery在DOM中查找特定元素時，它會找到它並附加事件。希望能幫助到你。

$(document) 
.ready(
     function() { 


      $('#countryId').on('change',function(){ 
       alert('mogana'); 
       var country_id=""; 
       country_id = $(this).val(); 

       jQuery 
       .ajax({ 
        data : "country=" 
          + country_id, 

        url : "stateMapAction.action", 
        type : "POST", 

       error : function() { 

         $("#stateSelectBox") 
           .html(
             "<span class='error'>Failed to load state!</span>"); 

        }, 
        success : function(results) { 

         $("#stateSelectBox") 
           .html(results); 

      $('#stateId').on('change',function(){ 

       alert('swe'); 
       var state_id=""; 
       state_id=$(this).val(); 

       jQuery 
       .ajax({ 

        data : "state=" 
          + state_id, 

        url: "cityMapAction.action", 
        type: "POST", 


        error : function() { 

          $("#citySelectBox") 
            .html(
              "<span class='error'>Failed to load state!</span>"); 

         }, 
         success : function(results) { 

          $("#citySelectBox") 
            .html(results); 

         } 

       }); 

       }); 


        } 
       }); 

       }); 




      });