Jquery选项卡不能在不同的域上工作

时间:2013-08-30 13:50:15

标签: jquery wordpress jquery-ui jquery-tabs

我已经使用jquery选项卡为客户创建了一个站点,在我的托管上他们工作正常

http://auto.nathanrobjohn.com

但是在他的托管上它似乎并不想工作

http://www.modernandclassicautos.co.uk.php53-7.dfw1-1.websitetestlink.com/

我根本没有改变任何事情。

任何帮助都会非常感激。

2 个答案:

答案 0 :(得分:0)

在Chrome上运行控制台,在您的托管上看到新主机上的下一个错误:

  

未捕获的SyntaxError:意外的令牌< jquery.min.js:1未捕获

     

SyntaxError:意外的令牌< jquery-ui.min.js:1未捕获

     

SyntaxError:意外的令牌< conditionizr.min.js:1未捕获

     

SyntaxError:意外的令牌< modernizr.min.js:1 Uncaught

     

ReferenceError:未定义conditionizr   www.modernandclassicautos.co.uk.php53-7.dfw1-1.websitetestlink.com/:43

     

未捕获的ReferenceError:未定义Modernizr   scripts.js中版本= 1.0.0:6

当我点击jquery文件的链接时 - 我想我发现了问题。 两个版本之间的区别是脚本的URL。 在有效的那个:

http://ajax.googleapi...

而另一方:

//ajax.googleapi...

<强>更新

考虑遵循接下来的两条建议:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js?ver=1.9.1"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

(1)在`src。{/ p>中的http:之前添加//ajax

(2)为什么要加载这个文件两次?删除第二行。

更新2

我注意到你也有以下代码: 并且您的服务器上不存在第一个js文件,因此您会看到HTML - 404页面的HTML。

<script type='text/javascript' src='/ajax/libs/jquery/1.10.1/jquery.min.js?ver=1.9.1'>
</script>
<script type='text/javascript' src='/ajax/libs/conditionizr.js/2.2.0/conditionizr.min.js?ver=2.2.0'></script>
<script type='text/javascript' src='/ajax/libs/modernizr/2.6.2/modernizr.min.js?ver=2.6.2'></script>

删除第一行。你正在调用相同的jquery脚本3次 - 根本不是一个好主意。

希望它有所帮助,如果没有,请更新我。

答案 1 :(得分:0)

检查jquery.min.jsjquery-ui.min.js文件的内容。它们似乎包含HTML页面。