使用jQuery事件綁定

Question

奇怪的行爲，這是一個jQuery的主人：

這工作：

$(function(){ 
    $("#<?= $gridArr['event_id'] ?> .gallery-add").each(function() { 
     var $dialog = $("<div></div>"); 
     var $link = $(this).one("click", function() { 
      $dialog 
       .load($link.attr("href")) 
       .dialog({ 
        modal: true, 
        width: 520, 
        height: 180, 
        title: $link.attr("title") 
       }); 
      $link.click(function() { 
       $dialog.dialog("open");          
       return false; 
      });   
      alert('clicked');   
      $(document).bind('uploadDone', function(e) { 
       // alert("dialogCloser triggered in dialog function"); 
       $dialog.dialog("close"); 
       $("#<?= $gridArr['uniq'] ?>-event-path-form-submit").trigger('click'); 
      });       
      return false; 
     }); 

    }); 
}); 

這不：

$(function(){ 
    $("#<?= $gridArr['event_id'] ?> .gallery-add").each(function() { 
     var $dialog = $("<div></div>"); 
     var $link = $(this).one("click", function() { 
      $dialog 
       .load($link.attr("href")) 
       .dialog({ 
        modal: true, 
        width: 520, 
        height: 180, 
        title: $link.attr("title") 
       }); 
      $link.click(function() { 
       $dialog.dialog("open");          
       return false; 
      });   
      // alert('clicked');   
      $(document).bind('uploadDone', function(e) { 
       // alert("dialogCloser triggered in dialog function"); 
       $dialog.dialog("close"); 
       $("#<?= $gridArr['uniq'] ?>-event-path-form-submit").trigger('click'); 
      });       
      return false; 
     }); 

    }); 
}); 

唯一的區別是警告聲明。基本上我在這裏做的是附加一堆點擊事件處理程序的圖像，這會導致對話框中的Ajax上傳表單。上傳表單將圖像轉儲到iframe。 iframe然後觸發綁定到$（document）的uploadDone處理程序，並觸發另一個點擊事件。

唯一的區別是警報聲明的存在。我把這條線取出來，並且對話框不能關閉。

請告訴我我只是錯過了一個分號或什麼愚蠢的....否則我想使用delay（）。

謝謝。

---

解決方案：

我終於到達了此消磨一個晚上之後。我無法明確地確定警報聲明中發生了什麼，或者如何管理異步執行，但是這種方法很有效。

var $dialog = $("<div></div>"); 
$(function(){  
    $("#event_22 .gallery-add").each(function() { 
     var $link = $(this).one("click", function() { 
      $dialog 
       .load($link.attr("href")) 
       .dialog({ 
        modal: true, 
        width: 520, 
        height: 180, 
        title: $link.attr("title") 
       }).bind('uploadDone', function() { 
       // alert("uploadDone triggered in dialog function"); 
       $("#myForm-submit").trigger('click'); 
      }); 
      $link.click(function() { 
       $dialog.dialog("open");          
       return false; 
      }); 
      return false; 
     });  
    }); 
}); 

在成功的iframe，

parent.$dialog.dialog("close"); 
parent.$dialog.trigger('uploadDone'); 

非常感謝大家的幫助。下面是我做得到這個工作的變化：

功能外
• 宣佈$對話框在全球範圍內
• 約束uploadDone事件監聽器創建$ $ link.click（）
• 之前對話框在html中更改id =「22」爲id =「event_22」原因< 5，ID必須以alpha字符開頭。

我不確定誰的回答接受，但我當然非常感謝您的幫助。

Answer 1

警告聲明很可能會導致一個代碼塊，它會在下面的代碼執行之前給它上面的代碼完成時間。我的猜測是，如果沒有提醒，它會在上傳完成之前一直返回false。

Answer 2

我的猜測是，在uploadDone事件被綁定之前，對話框正在加載。是否有理由將其綁定到click事件處理程序中，而不是在創建它時？

$(function(){ 
    $("#<?= $gridArr['event_id'] ?> .gallery-add").each(function() { 
    var $dialog = $("<div></div>"); 
    var $link = $(this).one("click", function() { 
     $dialog 
      .load($link.attr("href")) 
      .dialog({ 
       modal: true, 
       width: 520, 
       height: 180, 
       title: $link.attr("title") 
      }); 
     $link.click(function() { 
      $dialog.dialog("open");          
      return false; 
     });   
     return false; 
    }); 
    $(document).bind('uploadDone', function(e) { 
     // alert("dialogCloser triggered in dialog function"); 
     $dialog.dialog("close"); 
     $("#<?= $gridArr['uniq'] ?>-event-path-form-submit").trigger('click'); 
    }); 

    }); 
}); 

這似乎應該工作，只要你總是希望所有的對話框關閉，只要uploadDone廣播。但是，就像大衛在你的問題的評論中所說的那樣......一些上下文將會有所幫助