Question

这有效，（sorta）使用jQuery.noconflict，但后来我超酷的Mootools Slideshow2 http://code.google.com/p/slideshow/ 有点笨拙，特别是在FF和IE 7中。它确实（有点）在Safari中工作，所以我有希望。（我正在强迫我的所有东西进入兼容模式，我甚至不打扰IE8。）

jQuery.noConflict(); jQuery(function($){ $(window).load(function(){$("#field").fadeIn(2000);});});

测试页：

http://ianmartinphotography.com/test-site/details/jmoo.html

它应该是这样的，但我希望整个页面淡入： http://ianmartinphotography.com/test-site/details/ （缩略图和主要照片没有同步 - 现在这只是一个测试页。）

我在这个页面上有很多内容： Cufon，sIFR，（这都是Cufon，但是你无法证明Cufon。我的sIFR稍微延迟了我正在建立的其他淡入页面，所以它会触发 - 我可以稍后设置它... ） Curvey Corners（我无法让PIE正确淡入）。 Mootools节目，我希望整个页面淡出视图......

有什么想法吗？或者Slideshow2只是复杂到乱？

如何让这个页面与Mootools一起消失？

感谢您的期待！

Answer 1

在这里！这有效 - 但我不得不改变（窗口）.load到（文档）。否则Mootools幻灯片会吓坏了。

- 还有一件事：

我在这个页面上有sIFR（它都是Cufon，但是你无法证明Cufon的合理性）所以我必须在CSS改为阻塞之后立即调用替换sIFR，否则，sIFR将无法工作。我不得不把sIFR配置代码放在同一个页面上，它不适用于我通常拥有它的另一个目录中的配置代码。

jQuery.noConflict(); jQuery(function($){$(document).ready(function(){$("#field").fadeIn(2000);});
 sIFR.replace(test, {selector: '#bar',
          css: '.sIFR-root {letter-spacing: 0; leading: -2.5; background-color: #e6e6e6; color: #79868e; font-size: 12px; text-align: justify; } a { color: #555055; text-decoration: none;} a:hover { color: #79868e; text-decoration: none; }'
        }); });

现在我已经让jQuery和Mootools在同一页面上愉快地运行了。有一天，我有空的时候会学习Mootools;我认为将所有内容都放在同一个js库中会更优雅，但现在这种方法很好。

Mootools Slideshow2和jQuery Conflict

1 个答案: