如何禁用JQuery选项卡上的单击事件?

桥本

我有这些简单的标签:

<div class="ftabs">                    

<ul id="tabs" class="tabs nav nav-tabs nav-justified" data-tabs="tabs">
    <li  id='an'><a href="#anag" data-toggle="tab"><h3>Dati Anagrafici</h3></a></li>
    <li id='ind'><a href="#indirizzi"  data-toggle="tab"><h3>Indirizzi</h3></a></li>
    <li id='ref'><a href="#referenti" data-toggle="tab"><h3>Referenti</h3></a></li>
    <li id='ban'><a href="#blue" data-toggle="tab"><h3>Banche</h3></a></li>
</ul>

我可以使用jQuery打开所需的标签,例如:

$("#ref a[href='#referenti']").tab('show');

但我想禁用前2个标签。我已经尝试过这种方式,但是它不起作用:

$('#tabs').tabs('option', 'disabled', [0, 1]);

为什么?我怎样才能做到这一点?

阿伦·P·约翰尼

您无法禁用活动标签,因此需要将第三个标签设置为活动标签,然后禁用前两个标签

从文档

The selected tab cannot be disabled.

所以

jQuery(function ($) {
    $("#tabs").tabs({
        active: 2,
        disabled: [0, 1]
    });
});

演示:小提琴

稍后以编程方式禁用选项卡

$("#tabs").tabs("option", "active", 2)
$("#tabs").tabs("option", "disabled", [0, 1]);

演示:小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery UI选项卡禁用

来自分类Dev

jQuery选项卡上的选项

来自分类Dev

即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery“单击”事件

来自分类Dev

如何在tinymce编辑器中禁用标准选项卡事件?

来自分类Dev

单击选项卡控件的选定选项卡页标题时如何触发事件

来自分类Dev

通过单击jQuery UI选项卡上的+按钮来复制最后一个选项卡

来自分类Dev

如何在按钮单击上浏览选项卡

来自分类Dev

jQuery,Bootstrap单击以删除选项卡

来自分类Dev

jQuery选项卡-启用和禁用

来自分类Dev

禁用按钮单击时的选中选项卡

来自分类Dev

如何在选择选项卡上捕获事件

来自分类Dev

PrimeNG tabMenu单击事件将被禁用的选项卡禁用

来自分类Dev

选项卡上的Keyup事件行为

来自分类Dev

Chrome-如何禁用选项卡上的滚动

来自分类Dev

单击以打开“ jQuery UI”选项卡

来自分类Dev

如何禁用JQuery选项卡上的单击事件?

来自分类Dev

禁用WebBrowser(IEApp)新选项卡/选项卡更改事件

来自分类Dev

如何停止jQuery选项卡上的回发

来自分类Dev

交替选项卡上的开/关单击事件

来自分类Dev

单击事件在一个选项卡上触发,但在其他选项卡上不触发

来自分类Dev

即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery的“ click”事件

来自分类Dev

在Tkinter中的“笔记本”选项卡上单击鼠标左键的事件处理程序

来自分类Dev

jQuery在“单击”选项卡上添加类,并在未单击时删除

来自分类Dev

使用jQuery无法捕获HTML中的选项卡上的单击事件

来自分类Dev

单击链接时如何禁用铬焦点到新选项卡?

来自分类Dev

如何禁用UITabBarController中的选项卡?

来自分类Dev

在其他选项卡中禁用鼠标事件

来自分类Dev

xamarin 表单:如何在单击选项卡时关闭选项卡页面并显示上一页?

来自分类Dev

如何单击 URL 的选项卡?

Related 相关文章

  1. 1

    jQuery UI选项卡禁用

  2. 2

    jQuery选项卡上的选项

  3. 3

    即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery“单击”事件

  4. 4

    如何在tinymce编辑器中禁用标准选项卡事件?

  5. 5

    单击选项卡控件的选定选项卡页标题时如何触发事件

  6. 6

    通过单击jQuery UI选项卡上的+按钮来复制最后一个选项卡

  7. 7

    如何在按钮单击上浏览选项卡

  8. 8

    jQuery,Bootstrap单击以删除选项卡

  9. 9

    jQuery选项卡-启用和禁用

  10. 10

    禁用按钮单击时的选中选项卡

  11. 11

    如何在选择选项卡上捕获事件

  12. 12

    PrimeNG tabMenu单击事件将被禁用的选项卡禁用

  13. 13

    选项卡上的Keyup事件行为

  14. 14

    Chrome-如何禁用选项卡上的滚动

  15. 15

    单击以打开“ jQuery UI”选项卡

  16. 16

    如何禁用JQuery选项卡上的单击事件?

  17. 17

    禁用WebBrowser(IEApp)新选项卡/选项卡更改事件

  18. 18

    如何停止jQuery选项卡上的回发

  19. 19

    交替选项卡上的开/关单击事件

  20. 20

    单击事件在一个选项卡上触发,但在其他选项卡上不触发

  21. 21

    即使用户单击“中间按钮”或右键单击->在新选项卡中打开,如何触发jquery的“ click”事件

  22. 22

    在Tkinter中的“笔记本”选项卡上单击鼠标左键的事件处理程序

  23. 23

    jQuery在“单击”选项卡上添加类,并在未单击时删除

  24. 24

    使用jQuery无法捕获HTML中的选项卡上的单击事件

  25. 25

    单击链接时如何禁用铬焦点到新选项卡?

  26. 26

    如何禁用UITabBarController中的选项卡?

  27. 27

    在其他选项卡中禁用鼠标事件

  28. 28

    xamarin 表单:如何在单击选项卡时关闭选项卡页面并显示上一页?

  29. 29

    如何单击 URL 的选项卡?

热门标签

归档