在同一页面上定义多个JQuery插件之间的范围

时间:2012-03-22 20:55:40

标签: jquery jquery-plugins

我正在为我妹妹的婚姻建立一个网站。由于时间不够,我正在使用和组装一些免费插件。我也在旅途中学习Jquery和AJAX。

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

我正在使用下载的照片库演示,我根据自己的需要对其进行了大量修改,并在主模板上的内容持有者div的尺寸内。 这个照片库也在JQuery中。它作为一个单独的网站完美地工作。

现在的问题是,当我链接我的标签(在模板上)以加载 contentholder 中的照片库时。照片库。它被加载,甚至没有被称为任何东西。 2。此外,该网站进入了一个初始(电影)状态。模板加载到另一个内部,另一个内部。在每个选项卡上单击两个内部模板。

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

我认为这可能是由于常见的.ready()函数,它们都用于加载内容 有没有办法在模板和照片库插件之间定义单独的范围。

如果您能想到任何其他原因,请告诉它一个解决方案。

我对使用iframes FLASH或系统插件不感兴趣,只是现代网络标准。

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

选项卡三是带有照片库链接的选项卡,它加载在div content holder

1 个答案:

答案 0 :(得分:0)

既然你的问题是所有文字而且没有代码,你只能得到一个有根据的猜测...... :-)还有一个非常快速和肮脏的建议......

您的问题可能在于重复的ID和类,而不是加载/准备好。并非所有脚本编写者都将其内容命名为非常独特的东西,因此您可能会发现具有相同ID的变量或插入元素。

解决这个问题的非常不专业的方法是使用iframe - 将范围定义为不同的页面......你什么都不学,但会按时参加婚礼