easyui tabs 标签页绑定onselect事件时不跳转回默认标签页

Posted 2023-03-30

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了easyui tabs 标签页绑定onselect事件时不跳转回默认标签页相关的知识，希望对你有一定的参考价值。

比如:有一个tabsA(标签页A)和一个tabsB(标签页B),我在tabsB中加入了一个button,并设置了button的点击事件:$("#tabsA").tabs(
onSelect:function()
//do something

);
为tabsA设置一个选中事件,为什么执行上述代码后总是会从tabsB跳转会tabsA.
有什么办法既可以为tabsA绑定onSelect,又不会跳转回tabsA?

在外面定义一个全局变量 var flag = true;

然后在onSelect的回调函数里面加判断
if(flag)
    //执行你写的代码
    //然后把 flag设置成flase
    flag = false;

参考技术A onSelect:function(title)，要传递tab当前的title值

JS-jQuery-EasyUI-Layout-Tabs：Tabs 标签页/选项卡

ylbtech-tbm-JS-jQuery-EasyUI-Layout-Tabs：Tabs 标签页/选项卡

1.返回顶部

1、

1.1 代码

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>布局</title>
    <link rel="stylesheet" type="text/css" href="../Common/CSS/easyui/default/easyui.css" />
    <script type="text/javascript" src="../Common/JS/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="../Common/JS/jquery.easyui.min.js"></script>
</head>
<body>
    <div class="easyui-layout" data-options="fit:true">
        <!--中区-->
        <div region="center">
            <div id="orgtabs" class="easyui-tabs" fit="true">
                <div title="标签页-1">
                </div>
                <div title="标签页-2">
                </div>
            </div>
        </div>
    </div>
</body>
</html>