在jQuery UI选项卡上创建“添加选项卡”按钮

Question

我的网页上有一个jQuery UI标签控件，我想制作一个“标签”按钮，其外观与标签标题相同（位于“标签栏”中，带有其他标签标题）。我在列表中添加了一个项目，其中包含一个特定的类，允许我将其浮动到右侧。但我无法删除jQuery添加的默认操作（单击，打开相关选项卡），这会导致错误，因为该选项卡不存在。

我尝试了几种方法：

• 禁用该标签会使其在屏幕上淡出（删除我想要的CSS）
• 使用unbind不会删除onClick侦听器。
• 设置另一个onClick侦听器也不起作用，因为它只是被忽略......

我对此失去了理智。任何人都可以帮助我保持理智吗？

Answer 1

您可以使用select事件，并在点击标签时捕获该事件。在那里你可以制作一个新标签并给予关注。

Answer 2

正如Jerone指出的那样，select事件是你的朋友。

将“添加”标签的网址设置为“#Add”（或者可以用来唯一标识该标签的其他一些值） 在事件处理程序内部，检查ui.tab.hash的值，以检查是否存在此哈希值，如果存在，则创建新选项卡，选择它，然后返回“false”。如果哈希值与您的魔术值不匹配，则返回“true”，让标签选择过程正常继续。