如何禁用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·约翰尼(Arun P Johny)

您不能禁用活动选项卡,因此需要将第三个选项卡设置为活动选项,然后禁用前两个选项卡

从文档中

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选项卡上的单击事件?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

jQuery UI选项卡禁用

来自分类Dev

jQuery选项卡-启用和禁用

来自分类Dev

选项卡上的Keyup事件行为

来自分类Dev

jQuery,Bootstrap单击以删除选项卡

来自分类Dev

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

来自分类Dev

jQuery选项卡上的选项

来自分类Dev

如何禁用UITabBarController中的选项卡?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何单击 URL 的选项卡?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

    jQuery UI选项卡禁用

  13. 13

    jQuery选项卡-启用和禁用

  14. 14

    选项卡上的Keyup事件行为

  15. 15

    jQuery,Bootstrap单击以删除选项卡

  16. 16

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

  17. 17

    jQuery选项卡上的选项

  18. 18

    如何禁用UITabBarController中的选项卡?

  19. 19

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

  20. 20

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

  21. 21

    如何单击 URL 的选项卡?

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

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

  27. 27

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

  28. 28

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

  29. 29

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

热门标签

归档