Jquery ui Jquery选项卡ui 1.10选项卡刷新

Jquery ui Jquery选项卡ui 1.10选项卡刷新,jquery-ui,Jquery Ui,我正在使用jquery选项卡。想知道如何在单击选项卡时刷新内容。 我正在使用文档就绪功能 $(#制表符)。制表符() 请参阅“选择事件” 它说: 单击选项卡时会触发此事件。 代码示例 提供回调函数以将select事件作为init选项处理 $( ".selector" ).tabs({ select: function(event, ui) { ... } }); 按类型绑定到选择事件:选项卡选择 $( ".selector" ).bind( "tabsselect", function(

我正在使用jquery选项卡。想知道如何在单击选项卡时刷新内容。 我正在使用文档就绪功能 $(#制表符)。制表符()

请参阅“选择事件”

它说:

单击选项卡时会触发此事件。 代码示例

提供回调函数以将select事件作为init选项处理

$( ".selector" ).tabs({
   select: function(event, ui) { ... }
});
按类型绑定到选择事件:选项卡选择

$( ".selector" ).bind( "tabsselect", function(event, ui) {
  ...
});

在jQuery UI 1.10中,以下内容应该会有所帮助:

$("#TABS").tabs("load", $("#TABS").tabs("option", "active"));
编辑:更多代码详细信息:

$(function() {
    $("#TABS").tabs();
    $("#TABS").on('click','li',function(event,ui) {
        $("#TABS").tabs("load", $("#TABS").tabs("option", "active"));
    });            
});

这里是一个

谢谢,但是我需要做什么来刷新href属性中给出的url您需要在$(“.selector”).bind(“tabsselect”,function(event,ui){/…您的ajax代码以获得响应并将其填入相应的div})中;我已经用api文档的链接更新了答案,检查一下。Gaurav,我不知道该怎么做,因为这两个选项卡都有href属性。在第一页加载时,两个选项卡都显示各自的页面。但是,当我第二次单击时,它不会加载页面。因此,如何识别选项卡并加载其各自的href URL是一个问题。这些选项卡现在与列表一样令人震惊,事实上,它失去了它的标签effect@user2058240,请参阅更新答案中的完整代码。您还可以查看JSFIDLE。注意:您必须查看网络选项卡以查看内容刷新请求-JSFIDLE将阻止http请求,因为它们是跨域的。谢谢大家,问题不在于重新加载,因为只需初始化Jquery UI选项卡就可以重新加载页面。现在是问题所在。我加载了一个显示Jquery Highcharts的aspx pagd。在第一次加载时,它会显示图表,但是在点击另一个标签并返回到同一个标签后,我看到了一个空白页面。因此,我加载了另一个aspx页面,其中只有一个aspx按钮,它工作正常。这里会有什么问题?上面的不工作
$(function() {
    $("#TABS").tabs();
    $("#TABS").on('click','li',function(event,ui) {
        $("#TABS").tabs("load", $("#TABS").tabs("option", "active"));
    });            
});