首页 > 代码库 > jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法

jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法

这是由于tabs对href重载的的问题导致,因此我们需要将href更改为其它自定义的属性即可避免此问题的发生。

解决方法如下:

第一步页面端:

循环体开始

<li>
<div><a target="tagFrame" href="http://www.mamicode.com/@n.Url" ><span class="icon icon-sys">&nbsp;</span>@n.Title</a></div>
</li>

循环体结束

----

将href="http://www.mamicode.com/@n.Url" 更改为:ghref="http://www.mamicode.com/@n.Url" 

更改后为:

循环体开始

<li>
<div><a target="tagFrame" ghref="http://www.mamicode.com/@n.Url" ><span class="icon icon-sys">&nbsp;</span>@n.Title</a></div>
</li>

循环体结束

 

第二步JS端:

function InitLeftMenu() {
$(‘.easyui-accordion li a‘).click(function(){
var tabTitle = $(this).text();
var url = $(this).attr("href");
addTab(tabTitle,url);
$(‘.easyui-accordion li div‘).removeClass("selected");
$(this).parent().addClass("selected");
}).hover(function(){
$(this).parent().addClass("hover");
},function(){
$(this).parent().removeClass("hover");
});
}

看红色部分:将var url = $(this).attr("href");更改为:var url = $(this).attr("ghref");  即可

同学生,刷新测试吧!还有不明白的请留言。