jQuery插件requirejs模塊

在這裏，在不工作就是我在require.config.shim（在main.js）：jQuery插件requirejs模塊

'jquery.tabs':{ 
    deps:['jquery'], 
    exports: '$' 
},

這裏是我的模塊中的相關部分：

define(['jquery','underscore','backbone','tools','jquery.tabs'], function($,_,Backbone,Tools){ 

    //SNIP 

    myView = Backbone.View.extend({     
     //SNIP 
     render:  function(){ 
      //SNIP 
      var el = tmp.find(".tabholder") 
      console.log(el); // not empty 
      console.log($.fn.createTabHolder); //not empty 

      el.createTabHolder(); //TypeError: el.createTabHolder is not a function 
      //el.createPopup(); //different plugin, same error here 
      //el.hide();   // this works just fine 
      //SNIP 
     }, 
     //SNIP 

    }); 
    //SNIP 
});

當我使用Chrome或從本地主機運行它時，它工作得很好，但當我使用Firefox（22.0）從服務器運行它時，得到「TypeError：el.createTabHolder不是函數」。

這裏是以防萬一的插件代碼，它使用之前，我轉向使用requirejs工作得很好：

(function (jQuery){ 
    jQuery.fn.createTabHolder = function(){ 
     this.html(""); 
     var tbar = $("<div/>",{ 
      class:"tabbar padfix noselect" 
     }); 

     tbar.appendTo(this); 

     var tholder = $("<div/>",{ 
      class:"tabcontainer" 
     }); 

     tholder.appendTo(this); 


    }; 

    jQuery.fn.addTab = function(title,data,index, constructor,model,obj){ 
     var self=this; 
     var ts = $("<span/>",{ 
      class:"tabselector", 
      html:title, 

     }); 

     var tab = $("<div/>",{ 
      class:"tabselector_tab" 

     }); 
     if(data.jQuery) 
      tab.append(data); 
     else 
      tab.html(data); 
     tab.appendTo(this.find(".tabcontainer")); 
     if(constructor) 
      ts.one("click",{element:tab,model:model,obj:obj},constructor); 

     ts.on("click",function(){ 
      self.find(".selectedtab").removeClass("selectedtab"); 
      tab.addClass("selectedtab"); 
      self.find(".activetabselector").removeClass("activetabselector"); 
      ts.addClass("activetabselector"); 
     }); 
     if(this.find(".activetabselector").length==0) 
      ts.trigger("click"); 

     ts.appendTo(this.find(".tabbar")); 
    } 


    return jQuery; 
})(jQuery);

不知道發生了什麼事，並不能真正提供什麼比這東西。

來源

2013-08-07 Seppo420

也許有不同版本的jquery那裏。試試這個：

define(['jquery'], function (jQuery){ 
    jQuery.fn.createTabHolder = function(){ 

     // ... 

    }; 

});

，而不是這樣的：

(function (jQuery){ 
    jQuery.fn.createTabHolder = function(){ 

     // ... 

    }; 

})(jQuery);

來源

2013-08-07 08:59:58 mikach

沒有工作，但現在我正在從console.log（$。fn.createTabHolder）取消定義。試過也刪除相關的墊片，因爲它是一個有效的AMD模塊，但沒有區別。 – Seppo420

agh ...更改jquery.tabs.js時錯過了一個parenthesi。現在它正在打印createTabHolder函數，但它仍然不起作用。 – Seppo420

你現在得到的錯誤是什麼？ – mikach

這種替換

var el = tmp.find(".tabholder");

：

var el = $(tmp.find(".tabholder"));

，似乎現在的工作，我也沒辦法爲什麼，問題解決了一些奇怪的時間問題或什麼。試用&錯誤ftw。

來源

2013-08-07 10:10:57 Seppo420

jQuery插件requirejs模塊

回答

相關問題