的Javascript僅在調試模式執行

Question

我在script.js文件這一功能：

function loadMarqueeHTMLs(){ 
    $("#voiceInteractions").load("xmlTest1A.html"); 
    $("#nonvoiceInteractions").load("xmlTest1B.html"); 
    var voiceintelements = $("#voiceInteractions").find(".value"); 
    alert("Before each"); // this alert runs 
    voiceintelements.each(function() { 
     alert($(this).attr('id')); // this alert DOESN'T run 
     switch ($(this).attr('id')) { 
      case "intsWaiting": 
       alert("inside intsWaiting"); // this alert DOESN'T run 
       break; 
      default: 
       break; 
     } 
    }); 
} 

的each運行之前alert()，但其他2不運行。 除非，我在調試模式（Firefox）中運行它，其中一切按預期運行。 在調試模式下，我看到voiceintelements有正確的元素選擇以及each如何正確循環它們。

萬一有幫助，這就是我所說的loadMarqueeHTMLs功能從我index.html文件：

<script> 
$(document).ready(function() { 
    loadMarqueeHTMLs(); 
}); 
</script> 

Answer 1

你需要等待voiceInteractions加載，當你運行該變種不加載voiceintelements = $("#voiceInteractions").find(".value");的$("#voiceInteractions")內容，以便voiceintelements = $("#voiceInteractions").find(".value")是空的

function loadMarqueeHTMLs(){ 
    alert("Before each"); // this alert runs 
    $("#voiceInteractions").load("xmlTest1A.html", function(){ 
      $("#nonvoiceInteractions").load("xmlTest1B.html", function(){ 
       var voiceintelements = $("#voiceInteractions").find(".value"); 
       voiceintelements.each(function() { 
       alert($(this).attr('id')); // this alert DOESN'T run 
       switch ($(this).attr('id')) { 
        case "intsWaiting": 
          alert("inside intsWaiting"); // this alert DOESN'T run 
          break; 
         default: 
          break; 
       }); 
     } 
     }); 
    }); 


}