首页 > 代码库 > 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"> </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"> </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"); 即可
同学生,刷新测试吧!还有不明白的请留言。