国产探花免费观看_亚洲丰满少妇自慰呻吟_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組件添加右鍵菜單功能的簡單實例全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 三江| 太原市| 临猗县| 莒南县| 翁牛特旗| 安阳市| 包头市| 汨罗市| 三亚市| 洪江市| 临沂市| 万全县| 娱乐| 宕昌县| 元阳县| 黄骅市| 德兴市| 化州市| 东至县| 商洛市| 嘉禾县| 太谷县| 阳江市| 崇州市| 通道| 叶城县| 依安县| 肥乡县| 嘉定区| 鹤岗市| 内乡县| 阿坝县| 南岸区| 佛冈县| 汪清县| 青海省| 东莞市| 蒙城县| 合川市| 卓尼县| 合川市|