使用 mod-rewrite 干扰动态内容的 jquery ui 选项卡答案

【问题标题】：jquery ui tabs interfering with dynamic content using mod-rewrite使用 mod-rewrite 干扰动态内容的 jquery ui 选项卡
【发布时间】：2020-07-07 07:14:00
【问题描述】：

我对 jquery ui 选项卡有疑问。我有一个重写的 mod rewrite；例如：

link1 到 link2

问题是我有几个 jquery ui 选项卡阻止加载动态数据。我猜这是由于 #tabname 添加到漂亮 url 的末尾，如下所示：

link2 到 link3

如何将动态数据加载到正确的选项卡中，无论是否在 url 中使用 #tabname。

【问题讨论】：

标签： javascript jquery url mod-rewrite jquery-ui-tabs

【解决方案1】：

根据您的描述，我的假设是：只有当人们直接使用井号标签访问该链接时才会出现问题，例如从书签或电子邮件链接；并且您正在客户端解析 url 以便动态加载数据。

在 document.ready() 的顶部：

$document.ready(function() {
   document.location.hash = "";
   ...

这将删除哈希标记。如果您需要使用它转到正确的选项卡，请执行以下操作：

$document.ready(function() {
   var tabName = document.location.hash;
   document.location.hash = "";
   // use tabName here to reveal tab

【讨论】：

感谢您的回复。我可能误诊了这个问题。哈希不是问题，而是 [link]
那是因为完整的 jquerytools 已经包含 jquery，所以有了这两个 inculdes，你就有了两个运行 jquery 的副本。 Jquerytools 中有 jquery 1.6.4，看起来你也链接到 jquery 1.3.0。您可以删除指向 jquery 的链接，或者使用不包含 jquery 的 jquerytools，例如：cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js
另外，如果您确实链接到不包含 jquery 的 jquerytools，那么我建议您链接到更新版本的 jquery。 1.3.0 真的很老了。