easyui-tabs图标(获取焦点时显示图标,失去焦点时隐藏图标)

时间:2022-07-20 21:46:24

获取焦点时显示图标,失去焦点时隐藏图标

    <script type="text/javascript">

        $('#_progress').tabs({
onSelect: function (title) {
var tab = $('#_progress').tabs('getSelected'); // get selected panel var index = $('#_progress').tabs('getTabIndex', tab);
//alert(index + title);
var tabs = $('#_progress').tabs().tabs('tabs');
for (var i = ; i < tabs.length; i++) {
if (index == i) {
//alert(i);
$('#_progress').tabs('update', {
tab: tabs[i],
options: {
title: '<img src=\'images/accordion_arrows.png\'/>' + title
//href: 'get_content.php' // the new content URL
}
});
}
else {
if (i == ) {
$('#_progress').tabs('update', {
tab: tabs[i],
options: {
title: '柱状图'
//href: 'get_content.php' // the new content URL
}
});
}
else {
$('#_progress').tabs('update', {
tab: tabs[i],
options: {
title: '曲线图'
//href: 'get_content.php' // the new content URL
}
});
}
}
} }
}); $(function () {
var tabs = $('#_progress').tabs().tabs('tabs');
for (var i = ; i < tabs.length; i++) {
tabs[i].panel('options').tab.unbind().bind('mouseenter', { index: i }, function (e) {
$('#_progress').tabs('select', e.data.index);
});
}
}); </script>