把它變成一個jquery函數？

Question

我使用下面的代碼做一個表分頁（請不要提出任何預建的）

function tablejax(url, start, count) { 
    $('#tablejaxButton').attr("disabled", "true"); 
    $('#tablejaxOverlay').fadeIn('slow'); 
    $.ajax({ 
     type: "GET", 
     url: url, 
     data: "start="+start+"&count="+count+"&identifier="+$('#tablejaxButton').val(), 
     success: function(data){ 
      setTimeout(function(){ 
       $('#myTable tbody').append(data); 
       $('#myTable tr td div').slideDown('slow'); 
       $("html:not(:animated),body:not(:animated)").animate({ 
        scrollTop: $('body').attr("scrollHeight") 
        }, 1000); 
       $("table").trigger("update"); 
      }, 1000); 
      setTimeout(function(){ 
       $('#tablejaxOverlay').fadeOut('slow'); 
       $('#tablejaxButton').removeAttr('disabled'); 
      }, 1000); 
     } 
    }); 
} 

但是我目前叫它通過

$('#tablejaxButton').click(function() { 
     tablejax(this.name, tcount, 20); 
     tcount = tcount+20; 
    }) 

有幾個問題這， 但我想改變的是。

我希望能夠調用$('#tableID').tablejax('url', 'identifier', 'count');
如$('#tableUsers').tablejax('get_members.php', 27, 20);

它會自動onclick事件附加到#tableUsersButton（TABLEID +按鈕）

我想本身的功能來保持跟蹤我們應該從 目前我正在使用

tcount = 20; 
//do stuff 
tcount = tcount +20; 

這是不理想的。

最簡單的方法是什麼？

注：此功能應該是傳遞到它的count已經被加載到表中，例如，假設如果你調用$('#tableUsers').tablejax('get_members.php', 27, 20);那麼第20行就已經可以通過服務器端處理加載到表中。

---

更新
爲了簡化我的問題。

我需要能夠調用的文件準備$('#tableID).tablejax(--initial params here--); ，

這基本上會得到一個函數準備填寫一些默認PARAMS（如標識，網址，ECT） 這也將增加對onclick事件處理器$('#tableIDButton')，當點擊時會打電話像​​

這種方法是有時我需要使用另一個觸發器調用分頁。

所有我需要知道的是

• 如何註冊jQuery中的函數：回答
• 如何註冊當函數被調用回答的單擊事件：原來我可以註冊一個點擊甚至從任何地方不只是文件準備
• 如何在函數中調用一個'行動'，當它不是初始調用 （初始呼叫應當使用的參數，後續調用應該調用「內部功能）

Answer 1

使用延伸（）函數的函數添加到jQuery對象：

jQuery.fn.extend({ 
    tablejax: function(url, start, count) { 
     $('#tableIDButton').click(function() { 
      $('#tableID').tablejax(url, start+20, count); // just pass on the variables 
     } 
    } // put comma here if you want to add more functions 
}); 
// to run the function on document ready: 
$(function() { 
    $('#tableID').tablejax(...); 
} 

然後，你應該能夠像你想要的那樣調用你的功能。您顯然仍然需要在點擊事件中調用它。

更新：

更新我的例子來回答問題2和3讀取下一行，你可以再次遞歸調用相同的功能，比如上例中。

順便說一句，我沒有看到我的例子「如何污染jQuery命名空間」，因爲它來自jQuery自己的文檔。

Answer 2

我想這將幫助： http://www.google.bg/search?q=jquery+plugin+tutorial

basicly你會寫是這樣的：

(function($){ 
    $.fn.tablejax = function(options) { 
     this = $(this); // this is the element on which we called the func 
     this.tcount+=20; 
     // do something here... 
    } 
})(jQuery); 

這個保存到jquery.tablejax.js然後jquery.js和 後調用它的HTML
您需要實現該功能，然後您可以在每個元素或選擇器上調用它。