jQuery EasyUI menyedari kesan menghitamkan menu_jquery klik kanan

Pertama sekali, pilihan "Jika tidak Tutup Semua" dikelabukan dan tidak tersedia.

Apabila hanya satu Tab dibuka, "Tutup semua kecuali satu" dalam menu klik kanan harus dikelabukan dan tidak tersedia Ini akan mengingatkan pengguna bahawa tiada tab lain kecuali tab ini. Pelaksanaan program adalah sangat mudah. ​​Hanya dapatkan bilangan tab yang terbuka Jika nombornya adalah 1, kemudian jadikan kelabu "Tutup semua kecuali".

var tabcount = $('#tabs').tabs('tabs').length; //tab选项卡的个数 
  if (tabcount <= 1) { 
    $('#mm-tabcloseother').attr("disabled", "disabled").css({ "cursor": "default", "opacity": "0.4" }); 
  } 
  else { 
    $('#mm-tabcloseother').removeAttr("disabled").css({ "cursor": "pointer", "opacity": "1" }); 
  } 

Nota: Dalam penyemak imbas Firefox, Google dan Opera, atribut "dilumpuhkan" tidak berfungsi, jadi saya menambah gaya CSS dan menetapkan ketelusannya untuk menjadikannya kelabu.

Rendering:

Gambar 1: Tutup semua kecuali ini

Kedua, "Tutup semua di sebelah kanan halaman semasa" menjadi kelabu dan tidak tersedia.

Apabila tiada tab di sebelah kanan Tab, Tab harus dikelabukan dan tidak tersedia. Program ini tidak sukar untuk dilaksanakan. Hanya dapatkan tajuk Tab yang terakhir dan bandingkan dengan tajuk Tab di mana menu klik kanan semasa terletak Jika mereka konsisten, "Tutup semua di sebelah kanan halaman semasa" akan dikelabukan dan tidak tersedia.

var tabs = $('#tabs').tabs('tabs');   //获得所有的Tab选项卡 
var tabcount = tabs.length; //Tab选项卡的个数 
var lasttab = tabs[tabcount - 1]; //获得最后一个Tab选项卡 
var lasttitle = lasttab.panel('options').tab.text(); //最后一个Tab选项卡的Title 
var currtab_title = $('#mm').data("currtab"); //当前Tab选项卡的Title 
 
   if (lasttitle == currtab_title) { 
     $('#mm-tabcloseright').attr("disabled", "disabled").css({ "cursor": "default", "opacity": "0.4" }); 
   } 
   else { 
     $('#mm-tabcloseright').removeAttr("disabled").css({ "cursor": "pointer", "opacity": "1" }); 
   } 

Rendering:

Gambar 2: Tutup semua di sebelah kanan halaman semasa

Ketiga, "Tutup semua di sebelah kiri halaman semasa" menjadi kelabu dan tidak tersedia.

Ini adalah bertentangan dengan yang kedua Dapatkan tajuk Tab pertama dan bandingkan dengan tajuk Tab semasa.

var onetab = tabs[0]; //第一个Tab选项卡 
var onetitle = onetab.panel('options').tab.text(); //第一个Tab选项卡的Title 
   if (onetitle == currtab_title) { 
     $('#mm-tabcloseleft').attr("disabled", "disabled").css({ "cursor": "default", "opacity": "0.4" }); 
   } 
   else { 
     $('#mm-tabcloseleft').removeAttr("disabled").css({ "cursor": "pointer", "opacity": "1" }); 
   } 

Akhir sekali, kesan yang dicapai adalah seperti yang ditunjukkan di bawah

Gambar 3: Tutup semua bahagian kiri halaman semasa

Di atas menyedari kesan kelabu dan tidak tersedia dalam tiga situasi Apabila tetikus diletakkan di atasnya dan diklik, menu klik kanan akan hilang Malah, saya harap artikel ini boleh dibawa inspirasi kepada semua orang.