2012-03-22 56 views
0

我正在为我妹妹的婚姻建立一个网站。由于时间不够,我正在使用和组装一些免费插件。我也在学习Jquery和AJAX。在同一页面上定义多个JQuery插件之间的作用域

在模板中,当单击一个选项卡时,内容将使用AJAX通过JQuery加载到名为contentholder的中央div内。有四个选项卡,其中一个是指向照片库的链接。

我使用的是下载的照片库的演示,这是我修改广泛,以满足我的需求,并以适合内容持有者div的尺寸内对我的主模板。
这个照片库也在JQuery中。它完美地作为一个单独的网站。

现在的问题是,当我链接我的选项卡(在模板上)加载内容所有者中的照片库。照片库。它被加载,甚至不会被称为任何东西。 2.更进一步,网站进入一个初始(电影)状态。在另一个内部加载模板。在每个Tab上点击两个内部模板。

模板和图片库都使用CSS-3,jQuery(都使用不同的过时版本,但用最新的1.7.1替换它)。两者都使用.ready()和.load()以及基本ajax实现作为常用函数。

我想,这可能是由于共同的。就绪()函数,它们都用来加载内容。
有没有一种方法来定义模板和相册,插件之间的单独范围。

如果你能想到的任何其他原因,请与解决方案告诉它。

我没兴趣使用iframe的FLASH或系统插件,只是现代网络标准。

编辑: -这是基本模板,我使用
http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
这是我使用的相册
http://tympanus.net/codrops/2010/12/14/moleskine-notebook/

标签三个插​​件是一个与链接在div中加载的照片库content holder

+0

我会得到一个Web托管服务,然后上传错误的网站,如果有需要找到解决方案。 – 2012-03-23 08:08:36

+0

仍然有问题?是的,如果你想让我检查一下,请把整个网站都提供 - 这与脚本/ html的组合有关。 – Steen 2012-03-27 10:45:22

回答

0

由于你的问题是全部文本和没有代码,你只能得到一个受过教育的猜测.. :-)和一个非常快速和肮脏的建议...

您的问题可能在于重复的ID和类,而不是加载/就绪。并不是所有的脚本命名人员都将它们命名为非常独特的东西,因此您可以找到具有相同ID的变量或插入的元素。

解决这个非常不专业的方式将使用I帧 - 定义范围,有不同的网页...你会学到什么,但将获得参加婚礼的时间

+0

对不起,我忘了提及。我也不想使用IFrame。该模板使用ajax更新中央div。没有重复的id或类,我已经确保它。 – 2012-03-23 07:54:45

+0

我编辑了这个问题,以给出我使用的插件/样本的链接,我没有给出任何代码,因为我不确定错误执行的确切点。 '$(document).ready()'是我唯一可以提出的错误。 – 2012-03-23 08:07:09

相关问题