修改ajax jquery-ui选项卡或从头开始


to modify ajax jquery-ui tabs or start from scratch?

我正在尝试学习更多关于'ajax'的知识,到目前为止,使用带有ajax选项的jquery选项卡取得了最大的成功。我遇到的问题是:

  • 制表符降解为li。我可以简单地在jquery-ui.js中更改模板吗?
  • 我无法更改页面标题
  • 在重新加载页面时,我被带回到我的主页。
  • 书签可能无法工作。
  • 选项卡的计算样式会干扰其他页面元素,似乎使整个页面不那么模块化。

我也在学习一些php,感觉这些问题可能属于这一类。

所有我真正想要的是一个页面,我可以很容易地控制什么是,并不是重新加载时,点击一个锚,并维护从主页的脚本。

从头开始还是修改选项卡的现有ajax部分更聪明?我觉得我想做的是一些基本的,但小障碍堆积起来,我开始进行自我反省。

更改url的唯一方法是重定向,或在当前url后面添加哈希(#qwerty)。如果你真的想改变标题,你应该用select事件

来处理这个问题
$( ".selector" ).tabs({
   select: function(event, ui) { ... }
});

您可以在该函数中执行相应的操作。

对于模板,您可以使用自己的:

 Panel:
   $( ".selector" ).tabs({ panelTemplate: '<li></li>' })
Tab:
 $( ".selector" ).tabs({ tabTemplate: '<div><a href="#{href}"><span>#{label}</span></a></div>' });

您可以在官方文档中找到更多信息和示例:这里

您最好使用jQuery Ajax方法(查看http://api.jquery.com/category/ajax/)而不是选项卡。这样,您就可以自由地使用或拥有样式,并定义应该将检索到的内容放置到哪个div/li/位置。只有在需要jQueryUI的样式/功能时才使用制表符(似乎不是这种情况)。