Jquery.easyui.tabs the first tabs to be covered by the last tabs problem solving method

This is due to the tabs of the href overload, so we need to change the href to a different custom property to avoid this problem.

Here's how to fix it:

First step page End:

Start of the loop body

<li>
<div><a target= "Tagframe" href= "@n.url" ><span class= "icon Icon-sys" >&nbsp;</span>@n. Title</a></div>
</li>

End of Loop body

----

Change href= "@n.url" to: ghref= "@n.url"

After the change:

Start of the loop body

<li>
<div><a target= "Tagframe" ghref= "@n.url" ><span class= "icon Icon-sys" >&nbsp;</span>@n. Title</a></div>
</li>

End of Loop body

The second step JS end:

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");
});
}

Look at the red part: the var url = $ (this). attr ("href"); Change to:var url = $ (this). attr ("Ghref");

Jquery.easyui.tabs the first tabs to be covered by the last tabs problem solving method