当前位置: 首页 > 面试题库 >

单击jQuery UI选项卡/使其处于活动状态时触发函数吗?

长孙朝明
2023-03-14
问题内容

我正在使用jQuery标签,并且其中一个标签中的内容是通过AJAX调用检索的。但是我不希望在单击选项卡(使其处于活动状态)之前触发呼叫,因为用户可能不一定会单击它。最好的方法是什么?

jQuery UI为选项卡提供了selectshow事件,但是当选择或显示 任何
选项卡时,这些事件就会触发,而不仅仅是特定的选项卡(据我所知)。

我还尝试将click事件分配给特定标签的ID:

$("#my-tab").click(function(){
...
     $.post(URL, function(data){
          ...
     });
...
}

但这似乎没有任何作用,并且永远不会触发该呼叫。


问题答案:

UI标签提供了一个功能,当您选择标签时会触发该功能。

$( ".yourTab" ).tabs({
   select: function(event, ui) {
        if(ui.index == myTabIndex) {
            $.post(URL, function(data){
              ...
            });
        }
   }
});

注意 使用activate新版本。

参考



 类似资料:
  • 我如何知道我的系统中哪个选项卡处于活动状态 public View oncreate View(LayoutInflater inflater,ViewGroup容器,Bundle savedInstanceState)函数??? 以下代码仅适用于拳头导航,但之后在每个选项卡中,它都会显示最后一个布局。 我认为问题出在< code>onCreateView函数中,我无法获取活动选项卡的位置。 我怎

  • 问题内容: 从MDN for NodeList: 在某些情况下,NodeList是一个实时集合,这意味着DOM中的更改会反映在集合中。例如,Node.childNodes处于活动状态: 在其他情况下,NodeList是静态集合,这意味着DOM中的任何后续更改都不会影响集合的内容。document.querySelectorAll返回一个静态NodeList。 所以....有点烦!是否有任何关于哪些

  • 我有一个JS/jQuery代码,如下所示,在这个代码中,我希望在会话选项卡不活动时保持JS/jQuery代码工作。 下面的代码在Google Chrome中非常好,但在Safari中不起作用。 在Safari中,当选项卡处于非活动状态时,上的值不会增加,但在Google Chrome中,它工作得非常好。在Google Chrome中,它可以按预期工作。

  • 我正在尝试在我的网站上做一个标签功能,我希望有那个标签响应。所以我做了这样的代码: null null 现在我有两样东西, > 首先,我希望在单击标题(伦敦、巴黎、东京)时关闭选项卡,然后在单击该标题时从该标题中删除活动类。 其次,我希望有两个标签在行的响应,第三个标签在第二行,然后单击打开被点击的标签,然后向下推第三个标签。 任何提示都会有帮助,提前谢谢

  • 在jQuery中创建选项卡。单击其他选项卡时,所有选项卡都将消失。我想不出解决办法 以下是无法正常工作的页面:http://www.sleepfullnights.com/products/sfn-537 这是另一个用它工作的人的JSFIDLE:http://jsfiddle.net/gravitybox/7pHg4/我已经复制并粘贴了其中的每个元素到页面中,问题仍然存在。 一个人指出,当点击标签

  • 我试图使/显示选定的导航项目为活动。我检查有关问题,但我找不到什么错在我的代码。 我知道通过使用导航链接,我们可以在选择导航项目时默认激活。 但现在,我正在尝试使用Link,显示一些路径名错误。 TypeError:无法读取未定义的属性“路径名” 请帮我知道,我的代码出了什么问题。 或者是否有其他方法显示活动导航项目? 我尝试了以下代码: 路由工作正常。 我的路由应用程序/组件代码如下: 谢谢