jQuery爲什麼這個循環運行兩次？

$(document).bind("ready", function(){ 

    // Loop each construct tag 
    $('construct').each(
      alert('running'); 

     function() 
     { 
      // Grab data 
      var jC2_events = $(this).html().split('\n'); 
      $(this).html(''); 

      // Data 
      var jC2_html = ''; 

      // Add wrapper tags 
      jC2_html += '<div class="jC2_Outer">'; 
      jC2_html += '<div class="jC2_Toolbar">'; 
      jC2_html += '<a href="#" class="jC2_ToolbarA">Plain Text</a>'; 
      jC2_html += '<a href="#" class="jC2_ToolbarA">Help</a>'; 
      jC2_html += '</div>'; 
      jC2_html += '<div class="jC2_Container">'; 

      // Loop each event 
      for(var jC2_looper = 0; jC2_looper < jC2_events.length; jC2_looper++) 
      {   
       // Split event into components 
       var jC2_components = jC2_events[jC2_looper].split(':'); 

       // Event wrapper 
       jC2_html += '<div class="jC2_EventNum">' + (jC2_looper + 1) + '</div>' 
       jC2_html += '<div class="jC2_EventWrapper">'; 
        jC2_html += '<div class="jC2_EventObject">' + jC2_components[0].trim() + '</div>'; 
        jC2_html += '<div class="jC2_EventBreak"></div>'; 
        jC2_html += '<div class="jC2_EventDesc">' + jC2_components[1].trim() + '</div>';   
       jC2_html += '</div>'; 

       // Actions 
       jC2_html += '<div class="jC2_ActionWrapper">'; 

       // Loop remaining params 
       for(var jC2_looper2 = 2; jC2_looper2 < jC2_components.length; jC2_looper2++) 
       { 
        var jC2_actionClass; 
        if((jC2_looper2%2) == 0){ 
         jC2_actionClass = 'jC2_Odd'; 
        }else{ 
         jC2_actionClass = 'jC2_Even'; 
        } 

        jC2_html += '<div class="jC2_ActionLeft"></div>'; 
        jC2_html += '<div class="jC2_ActionDesc ' + jC2_actionClass + '">' + jC2_components[jC2_looper2].trim() + '</div>'; 
        jC2_html += '<div class="jC2_Clear"></div>'; 
       }    

       jC2_html += '</div><div class="jC2_Clear"></div>'; 
      } 

      // End wrappers 
      jC2_html += '</div>'; 
      jC2_html += '<div class="jC2_FooterInfo"><div class="jC2_Scirra"><a class="jC2_AS" href="http://www.scirra.com">Scirra.com</a> - Software in Motion</div>Generated with <a class="jC2_AF" href="http://www.scirra.com">JConstruct 1.0</a></div>'; 
      jC2_html += '</div>'; 
      $(this).html(jC2_html); 
     } 
    ); 

});

我的HTML頁面：jQuery爲什麼這個循環運行兩次？

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.<br /><br /> 

<construct> 
System:Every tick:Set width to Y-100:Set angle to Atan(Self.X-Mouse.X):Finish it 
Sprite:On event:Do this:Do that:Do something else 
Clock:Ticks and chimes:Do something:Do it again!:Add one 
</construct> 

<br /><br />When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

我只是想循環每個標籤和呈現它的數據內容格式良好的HTML，但我有麻煩解析數據，到各行，並有麻煩因爲當我在其中放置警報時，該循環似乎運行兩次。

來源

2011-02-16 Tom Gullen

這個'alert（'running'）;`放置錯誤。它不能在那裏它現在。我看到3個循環......哪一個是有問題的？ – 2011-02-16 23:22:44

從每個類和變量中刪除所有'jC2_'前綴，肯定會使您的代碼更加明智。你也不需要每個元素上的類都可以選擇它。現在，CSS（和jQuery）能夠成爲非常強大的選擇器。 – 2011-02-16 23:28:26

// Loop each construct tag 
$('construct').each(
     alert('running'); 

    function() 
    {

應改爲：

// Loop each construct tag 
$('construct').each(
    function() 
    { 
     alert('running');

這是當前無效，並可能導致在不同的瀏覽器意外和不一致的行爲。

見http://jsfiddle.net/uBFAK/

來源

2011-02-16 23:24:26 joshcomley

警報不應該是功能之外。

來源

2011-02-16 23:25:29 Variant

jQuery爲什麼這個循環運行兩次？

回答

相關問題