国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

為jQuery-easyui的tab組件添加右鍵菜單功能的簡單實例

2019-11-20 08:47:45
字體:
來源:轉載
供稿:網友

加入了右擊TAB選項卡時顯示關閉的上下文菜單

具體實現代碼:

右鍵菜單 HTML:

<div id="mm" class="easyui-menu" style="width:150px;">     <div id="mm-tabclose">關閉</div>     <div id="mm-tabcloseall">全部關閉</div>     <div id="mm-tabcloseother">除此之外全部關閉</div>     <div class="menu-sep"></div>     <div id="mm-tabcloseright">當前頁右側全部關閉</div>     <div id="mm-tabcloseleft">當前頁左側全部關閉</div>      </div>

下面是js代碼:

$(function(){ tabClose();   tabCloseEven(); }) function tabClose() {   /*雙擊關閉TAB選項卡*/   $(".tabs-inner").dblclick(function(){     var subtitle = $(this).children("span").text();     $('#tabs').tabs('close',subtitle);   })   $(".tabs-inner").bind('contextmenu',function(e){     $('#mm').menu('show', {       left: e.pageX,       top: e.pageY,     });          var subtitle =$(this).children("span").text();     $('#mm').data("currtab",subtitle);          return false;   }); } //綁定右鍵菜單事件 function tabCloseEven() {   //關閉當前   $('#mm-tabclose').click(function(){     var currtab_title = $('#mm').data("currtab");     $('#tabs').tabs('close',currtab_title);   })   //全部關閉   $('#mm-tabcloseall').click(function(){     $('.tabs-inner span').each(function(i,n){       var t = $(n).text();       $('#tabs').tabs('close',t);     });     });   //關閉除當前之外的TAB   $('#mm-tabcloseother').click(function(){     var currtab_title = $('#mm').data("currtab");     $('.tabs-inner span').each(function(i,n){       var t = $(n).text();       if(t!=currtab_title)         $('#tabs').tabs('close',t);     });     });   //關閉當前右側的TAB   $('#mm-tabcloseright').click(function(){     var nextall = $('.tabs-selected').nextAll();     if(nextall.length==0){       //msgShow('系統提示','后邊沒有啦~~','error');       alert('后邊沒有啦~~');       return false;     }     nextall.each(function(i,n){       var t=$('a:eq(0) span',$(n)).text();       $('#tabs').tabs('close',t);     });     return false;   });   //關閉當前左側的TAB   $('#mm-tabcloseleft').click(function(){     var prevall = $('.tabs-selected').prevAll();     if(prevall.length==0){       alert('到頭了,前邊沒有啦~~');       return false;     }     prevall.each(function(i,n){       var t=$('a:eq(0) span',$(n)).text();       $('#tabs').tabs('close',t);     });     return false;   }); }

以上就是小編為大家帶來的為jQuery-easyui的tab組件添加右鍵菜單功能的簡單實例全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 澄城县| 子长县| 右玉县| 武义县| 云浮市| 银川市| 铁力市| 吉木萨尔县| 闽清县| 梁山县| 荃湾区| 镇宁| 井陉县| 报价| 裕民县| 云林县| 什邡市| 庆元县| 集安市| 习水县| 邓州市| 清水河县| 会宁县| 沂南县| 贵港市| 本溪市| 田林县| 行唐县| 客服| 黎平县| 巴中市| 耒阳市| 玉山县| 永泰县| 福海县| 孝义市| 德安县| 汤阴县| 衡南县| 上思县| 凯里市|