jquery选项卡ui 1.10选项卡刷新

问题描述：

我使用jquery选项卡。想要知道如何刷新选项卡上的内容点击。我米使用文档准备功能与 $（＃TABS）.TABS（）jquery选项卡ui 1.10选项卡刷新

$(document).ready(function(){ 
    $("#tabs").tabs(); 
     $("#tabs").bind("tabshow",function(event,ui){window.location.href=ui.tab;});});

以上是不工作 – user2058240 2013-03-06 16:25:17

答

参见 “选择事件” here

它说：

该事件被触发时点击一个标签。代码示例

提供一个回调函数来将select事件作为init选项进行处理。

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
});

按类型绑定到选择事件：tabsselect。

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

谢谢，但我需要做的refr eshing在href属性中给出的url – user2058240 2013-03-06 13:53:11

您需要在$（“.selector”）.bind（“tabsselect”，function（event，ui）{...}中写入您的ajax代码{...您的ajax代码以获得答复，并填写在各自的div }）;我已经通过api文档检查链接更新了答案。 – gaurav 2013-03-06 16:37:20

Gaurav，我不完全确定如何做到这一点，因为这两个选项卡都有href属性。在第一页加载两个选项卡显示相应的页面。但是，当我点击第二次它不加载页面。因此如何识别标签并加载其各自的href网址是问题。 – user2058240 2013-03-07 06:22:06

答

在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")); 
    });    
});

这里是一个link to jsfiddle

这些标签现在只是列表显示，实际上丢失了其标签效果 – user2058240 2013-03-06 15:06:55

@ user2058240，请参阅已更新答案中的完整代码。你也可以看看jsfiddle。注意：您必须查看网络选项卡以查看内容刷新请求 - jsfiddle将阻止http请求，因为它们是跨域的。 – marty 2013-03-07 09:37:07

谢谢大家，这个问题不是因为重新加载，因为刚刚通过初始化Jquery UI标签能够重新加载页面。现在这是问题。我加载了一个呈现Jquery Highcharts的aspx pagd。在第一次加载它时向我显示了图表，但在点击另一个选项卡并返回到相同的选项卡显示我一个空白页面。因此，我加载了另一个aspx页面只有一个aspx按钮，它工作正常。什么是这里的问题 – user2058240 2013-03-07 10:45:41

jquery选项卡ui 1.10选项卡刷新

相关推荐