jQuery初始化函數返回其父對象

Question

我試圖實現一些非常基本的東西。我正在使用一個公開可用的jQuery模塊（稱爲slides），但我需要以某種方式修改它，以便我可以從外部控制該對象。現在

初始化的時候是這樣的：

$('#myDivId').slides({ 
    preload: false, 
    generatePagination: false 
}); 

它所有的作品，但我沒有看到任何方式訪問幻燈片對象以後。就像這樣：

var slideshow=$('#myDivId').slides({ 
    preload: false, 
    generatePagination: false 
}); 

現在我想能夠做這樣的事情：

slideshow.animate('next'); 

變量的內容幻燈片是不實際的對象。我認爲這與jQuery的工作方式有關。

一旦這個工程，我將能夠更具體地調用幻燈片，因此適應它在我的'前端使用環境'中正常工作。

現在我想有是要返回的實際生成的對象，或者至少是在返回的數據還可以。

任何人都可以在正確的方向指向我嗎？

Click here to see demonstration in jsFiddle

謝謝！

Answer 1

使用jQuery的觸發器方法，我能夠模擬某些元素的行爲幻燈片，從而找到一種不需要調用父對象上的任何方法的方法。

Answer 2

函數slides()($.fn.slides)是一個jQuery方法。在jQuery中，jQuery.fn或$ .fn是所有jQuery對象的原型對象。如果你爲這個對象添加一個函數，那麼這個函數就變成了一個jQuery方法。

---

使用變量作爲jQuery對象，你應該這樣做：

var obj = $("#myDivId") // now obj, is a jquery object 

，你可以使用jQuery對象的方法是這樣的：

obj.slides(); 

Answer 3

一旦這個工程我將能夠使更多的具體調用幻燈片，因此它適應在我的「前端正常工作使用環境'。

嗨，瞧... https://github.com/nathansearles/Slides/blob/master/source/slides.js#L123

這是否幫助你嗎？

/* 
Method Calls - The good stuff 
============================================================ 

Play: 
    $("#slides").slides("play"); 

Pause: 
    $("#slides").slides("pause"); 

Stop: 
    $("#slides").slides("stop"); 

Next: 
    $("#slides").slides("next"); 
     - Uses default effect 

    $("#slides").slides("next","fade"); 
     - Define effect, "slide" or "fade" 

Previous: 
    $("#slides").slides("previous"); 
     - Uses default effect 

    $("#slides").slides("previous","fade"); 
     - Define effect, "slide" or "fade" 

Goto a slide 
    $("#slides").slides("slide",2); 
     - Goto slide 2 using default effect 

    $("#slides").slides("slide",4,"fade"); 
     - Define effect, "slide" or "fade" 

Update: 
    $("#slides").slides("update"); 
     - Rebuilds pagination 

Destroy: 
    $("#slides").slides("destroy"); 
     - Removes SlidesJS, returns to predefined state 

Status: 
    $("#slides").slides("status"); 
     - Returns JSON object: 
      { 
       current: 4, 
       state: "playing", 
       total: 7 
      } 

    $("#slides").slides("status","current"); 
     - Returns current slide number 

    $("#slides").slides("status","state"); 
     - Returns playing, paused, or stopped 

    $("#slides").slides("status","total"); 
     - Returns total slides in slideshow 
*/ 

如果這不是你想要做什麼，你總是可以看看這些例子http://slidesjs.com/或報告問題https://github.com/nathansearles/slides/issues得到更具體的幫助或要求的新功能。如果你想要做的不是由插件處理，你必須要求該功能或編輯插件代碼（提示：第一個答案更好）