模塊模式$ .bind不工作

Question

即時通訊新的JavaScript模塊模式，不能得到像這樣的工作，我錯過了什麼？ $ .bind不會給出任何錯誤，並且dropBox不是NULL。

var Application = (function(d, w, $) { 

    var drop, dragStart, dragEnter, dragOver, dragLeave; 

    drop = function(e) { 
    }; 

    dragStart = function(e) { 
    }; 

    dragEnter = function(e) { 
    }; 

    dragOver = function(e) { 
    }; 

    dragLeave = function(e) { 
    }; 

    return { 

     init: function() { 

      var dropBox = $('#someid'); 
      dropBox.bind('dragstart', dragStart); 
      dropBox.bind('dragenter', dragEnter); 
      dropBox.bind('dragover', dragOver); 
      dropBox.bind('drop', drop); 
      dropBox.bind('dragleave', dragLeave); 
     } 
    }; 

})(document, window, window.jQuery); 

Answer 1

隨着(function(...) {})(...);你只調用聲明函數與init()成員返回一個對象。只要你不叫init()成員函數，什麼都不會發生。

你應該調用文檔ready事件Application.init()：

$(function() { 
    Application.init(); 
}); 

如果太早調用它，$('#someid')將是空的。

除此之外，您的問題中的代碼沒有任何問題。看到這個jsFiddle