jQWidgets jqxTabs enabledHover 属性介绍

概述

jqxTabs 是 jQWidgets 中用于创建选项卡的插件，其中 enabledHover 属性用于控制是否启用选项卡悬停时的高亮效果。

语法

$("#jqxTabs").jqxTabs({
    enabledHover: true // or false
});

参数

• enabledHover: 布尔类型，默认为 true，表示启用悬停时的高亮效果，为 false 则禁用高亮效果。

示例

<script type="text/javascript">
    $(document).ready(function () {
        $("#jqxTabs").jqxTabs({
            width: '600px',
            height: '400px',
            enabledHover: true // 启用悬停高亮效果
        });
    });
</script>
<div id="jqxTabs">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
    <div>Content 3</div>
</div>

效果展示

注意事项

• enabledHover 属性只能用于 jqxTabs 插件中；
• 在某些 UI 设计中，可能需要禁用悬停高亮效果，从而获得更好的用户体验。