我想在ajax请求的页面中使用jqueryui tabs小部件。在我的网站上,人们点击clendar上的日期。当他们点击日期脚本时,获取当天的ajax页面。在ajax页面中,用户可以选择一个选项卡以查看不同选项卡上的生日和事件。我尝试这样做但是jqueryui tbs在ajax请求的动态页面中无法正常工作并在新页面中打开选项卡。我该怎么做
答案 0 :(得分:2)
如果您发布了一些代码,人们可能会提供帮助 - 发布您目前无法使用的相关代码。
但是,作为猜测,当您完成加载ajax请求时,您将需要启动jQuery UI选项卡。或者,您需要使用.live()
并可能附加到选项卡上以启动选项卡(如果尚未使用)。
原因是,您在脚本中运行的任何代码都是在加载页面时在DOM项目上,之后加载的任何代码( .ajax()
)不受您最初所做的影响在你的脚本中。
因此,例如,如果您使用$('#example').tabs();
在页面加载时设置标签,那么您使用<div id="example"><ul><li>......</li></ul></div>
加载.ajax()
<div....
将不会是您的标签想要并将做你所描述的。
如果您在success: function(data) {.........$('#example').tabs();}
函数的.ajax()
回调中执行相同的启动,则会将新加载的项目作为选项卡启动。