1. 程式人生 > >基於easyui tabs選項卡的擴充套件外掛--tabs單擊事件

基於easyui tabs選項卡的擴充套件外掛--tabs單擊事件

/**
 * easyui tbas元件擴充套件單擊事件
 */
$.extend($.fn.tabs.methods, {
    /**
     * 繫結單擊事件
     * @param {Object} jq
     * @param {Object} caller 繫結的事件處理程式
     */
    bindClick: function(jq, caller){
        return jq.each(function(){
            var that = this;
            $(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'click.tabs').delegate('li', 'click.tabs', function(e){
                if (caller && typeof(caller) == 'function') {
                    var title = $(this).text();
                    var index = $(that).tabs('getTabIndex', $(that).tabs('getTab', title));
                    caller(index, title);
                }
            });
        });
    },
    /**
     * 解除繫結雙擊事件
     * @param {Object} jq
     */
    unbindClick: function(jq){
        return jq.each(function(){
            $(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'click.tabs');
        });
    }
});