2014-04-30 66 views
0

我怎麼能在javascript中調用函數'gotopage'?如何在jQuery插件中調用函數?

我使用'gotopage(5);',但瀏覽器指出函數沒有定義。那麼在別人的jQuery插件中調用函數的正確答案是什麼?

;(function ($) { 

$.fn.booklet = function (options, param1, param2) { 

    //.............. 
}; 

function Booklet(inTarget, inOptions) { 

    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
    // PUBLIC FUNCTIONS 
    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 

    return { 
     init: init, 
     enable: enable, 
     disable: disable, 
     destroy: destroy, 
     next: next, 
     prev: prev, 
     gotopage: function (index) { 
      //............. 
      goToPage(index); 
     }, 
     add: addPage, 
     remove: removePage, 
     option: function (name, value) { 
      //............. 
     } 
    } 
} 

// define default options 
$.fn.booklet.defaults = { 
    //........... 
} 

})(jQuery); 
+0

這是...很多代碼。請減少到必要的部分。通常調用一個函數很簡單,只需在其名稱後面加上'()', 'FOO()'。 –

+0

對不起,我試了一下,瀏覽器指出函數沒有定義。函數在這裏。 – user2301210

+0

你能準確地告訴你要叫做「gotopage」函數嗎? –

回答

1

「GotoPage記述」是一個功能「裏面的」其他功能「小冊子」這又是另一個裏面匿名函數(據我可以看到)。

您不能直接從此函數外部調用此函數。你需要從相同的範圍調用。

這裏是通過閱讀插件文檔很快找到了解決辦法:

$('#custom-goto').click(function(e){ 
    e.preventDefault(); 
    $('#mybook').booklet("gotopage", "end"); 
    }); 
+0

有沒有辦法從這個函數之外直接調用它? – user2301210

+0

哪個jQuery插件是它?通常,他們有關於如何直接調用某些功能的文檔。 –

+0

http://builtbywill.com/code/booklet/ – user2301210

0

GotoPage記述(指數)是一個私有函數它不能被稱爲全球範圍內使用plugin.Try創建功能$ .fn外。

$ .fn.goToPage =函數(指數){}

+0

但是,當我嘗試錯誤時,函數'goToPage'在functin'Booklet'中。 – user2301210

0

希望這有助於..我還沒有嘗試測試它

`(function ($) { 

$.fn.booklet = function (options, param1, param2) { 

    //.............. 
}; 

function Booklet(inTarget, inOptions) { 

    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
    // PUBLIC FUNCTIONS 
    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 

    return { 
     init: init, 
     enable: enable, 
     disable: disable, 
     destroy: destroy, 
     next: next, 
     prev: prev, 
     gotopage: function (index) { 
      //............. 
      $.fn.goToPage(index); 
     }, 
     add: addPage, 
     remove: removePage, 
     option: function (name, value) { 
      //............. 
     } 
    } 
} 

// define default options 
$.fn.booklet.defaults = { 
    //........... 
} 
$.fn.goToPage=function(index){ 
//function is now public 
}; 

})(jQuery的);

`

相關問題