jQuery EasyUI实现了右键菜单灰显不可用的效果

首先，“除此之外全部关闭”的实现是灰色的。

当只打开一个选项卡时，右键菜单中的“关闭所有其他选项卡”应该是灰色的，这可以提示用户除了这个选项卡没有其他选项卡。程序的实现非常简单，只要得到打开的Tab标签数量，如果数量为1，那么“除此之外全部关闭”就会灰显。

var tab count=$(' # tab ')。制表符('制表符')。长度；//制表符的数量if(tab count=1){ $(' # mm-tab closehther ')。attr ('disabled '，' disabled ')。CSS ({ '光标' : '默认'，'不透明度' : ' 0.4 ' })；} else { $(' # mm-tab closether ')。removeAttr('已禁用')。css({ 'cursor': 'pointer '，' opacity ' : ' 1 ' })；}说明：在Firfox、Google、Opera等浏览器中，“disabled”的属性不起作用，所以我添加了一个CSS样式，并将其透明度设置为灰色。

渲染：

图1:除此之外都关闭了。

第二，实现“当前页面的所有右侧都已关闭”是灰色的，不可用。

当选项卡右侧没有选项卡时，该选项卡应呈灰色且不可用。实现程序并不难，只要获取最后一个标签页的标题，并与当前右键菜单所在标签页的标题进行对比，如果一致，那么“关闭当前页面所有右侧”就会灰显。

var tab=$(' # tab ')。制表符('制表符')；//获取所有制表符var tabcount=tabs.length//tab的数量//var last tab=tab count[tab count-1]；//获取最后一个制表符var last title=last Tab . panel(' options ')。tab . text()；//title var currTab _ title=$ ('# mm ')。最后一个选项卡的数据(' curr tab ')；//title if(last title==curr tab _ title){ $(' # mm-tab closelight ')。attr ('disabled '，' disabled ')。CSS ({ '光标' : '默认'，'不透明度' :' 0.4。} else { $('#mm-tabcloseright ')。removeAttr('已禁用')。css({ 'cursor': 'pointer '，' opacity ' : ' 1 ' })；}渲染：

图2:当前页面的所有右侧都关闭了。

三是“当前页面左侧完全关闭”的实现灰显不可用。

这与第二个相反。获取第一个选项卡的标题，并将其与当前选项卡的标题进行比较。

var one tab=tab[0]；//第一个Tab标签var one title=one Tab . panel(' options ')。tab . text()；//title if(one title==curr tab _ title){ $(' # mm-tab closeselect ')。attr ('disabled '，' disabled ')。CSS ({ '光标' : '默认'，'不透明度' :' 0.0。} else { $('#mm-tabcloseleft ')。removeAttr('已禁用')。css({ 'cursor': 'pointer '，' opacity ' : ' 1 ' })；}最后，效果如下。

图3:当前页面的所有左侧都关闭了。

以上三种情况都达到了灰化的效果。当鼠标放在上面并点击时，右键菜单将消失。其实解决方法很简单。希望这篇文章能给大家带来启发。