修改ajax jquery-ui 选项卡还是从头开始？

Question

我正在尝试了解有关“ajax”的更多信息，到目前为止，我在带有 ajax 选项的 jquery 选项卡方面取得了最大的成功。我遇到的问题是：

• 选项卡降级为 li。我可以简单地更改 jquery-ui.js 中的模板吗？
• 我无法更改页面标题。
• 页面重新加载时，我会返回到我的主页。
• 书签可能不起作用。
• 选项卡附带的计算样式会干扰其他页面 元素，似乎使整个页面的模块化程度降低。

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

我真正想要的是一个页面，我可以在其中轻松控制单击锚点时重新加载的内容和不重新加载的内容，并维护主页中的脚本。

从头开始还是修改选项卡现有的 ajax 部分会更明智吗？我觉得我想做的事情有些基本，但小障碍正在堆积起来，灵魂的探索开始开始。

Answer 1

更改 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>' });

您可以在官方文档上找到更多信息和示例：此处

Answer 2

你最好使用 jQuery Ajax 方法（检查 http://api.jquery.com/category/ajax/ ）而不是制表符。这样您就可以自由使用或拥有样式并定义检索到的内容应放置在哪个 div/li/where 中。仅当您需要 jQueryUI 的样式/功能时才使用选项卡（似乎并非如此）。