使用fadeIn();fadeOut()与jQuery和Prototype同时使用
我有一个网页,我正在更新,这个网页使用原型与灯箱一起。我不想只将当前页面更改为jQuery,因为我不确定还有哪些页面使用Prototype,如果我不再包含Prototype,那么随后会出现中断 我的问题如下: 我有一些TD的,我想淡入淡出一个按钮点击。当我临时取出原型时,这个功能非常有效。当我将Prototype放回时,使用fadeIn();fadeOut()与jQuery和Prototype同时使用,jquery,prototypejs,fadein,fadeout,Jquery,Prototypejs,Fadein,Fadeout,我有一个网页,我正在更新,这个网页使用原型与灯箱一起。我不想只将当前页面更改为jQuery,因为我不确定还有哪些页面使用Prototype,如果我不再包含Prototype,那么随后会出现中断 我的问题如下: 我有一些TD的,我想淡入淡出一个按钮点击。当我临时取出原型时,这个功能非常有效。当我将Prototype放回时,fadeOut()jQuery函数就完全中断了。我怀疑这是因为Prototype还有一个fadeIn()&fadeOut()函数 我有没有办法强迫Prototype不要将这些函数
fadeOut()
jQuery函数就完全中断了。我怀疑这是因为Prototype还有一个fadeIn()
&fadeOut()
函数
我有没有办法强迫Prototype不要将这些函数识别为它的函数,而仍然让jQuery完美地执行它们
以下是我的jQuery代码:
var $j = jQuery.noConflict();
$j(document).ready(function () {
$j("a.archiveBtn.2009").click(function () {
$j("td.archive.2009").fadeIn();
$j("tr td.archiveBtn").css("paddingBottom", 20);
$j("tr td.archiveBtn").css("borderBottom", "#999 1px dashed");
$j("a.hideArchive.2009").show();
return false;
});
$j("a.hideArchive.2009").click(function () {
$j("td.archive.2009").fadeOut(function () {
$j("tr td.archiveBtn").css("paddingBottom", 0);
$j("tr td.archiveBtn").css("borderBottom", "none");
});
$j(this).hide();
return false;
});
$j("tr td.archiveBtn").parent().prev("tr").children("td").css("paddingBottom", 20);
});
任何帮助都将受到感谢。您似乎尊重jQuery的冲突建议,不妨尝试以下方法,它将在此处取消原型函数的激活,但我真的不确定它是否会起作用,因为我没有在您的代码中发现问题,但值得一试:
jQuery(document).ready(function($) {
$("a.archiveBtn.2009").click(function () {
.....
}
有了它,您可以直接使用$而不是$j,并且您可以确定它是唯一的jQuery函数。
顺便问一下,你所说的完全休息是什么意思?动画很奇怪?它根本不会褪色
希望这有帮助
祝你度过愉快的一天(听Carlos Jean^^)如果jQuery对你来说工作正常,那么你可以使用
.animate({opacity:0})
或.animate({opacity:“hide”})
来做与fadeOut()相同的事情。最后,我确定Prototype.js只是为Lightbox工作的,所以我禁用了Prototype.js并合并了Lightbox jQuery插件
我的代码现在运行得很好。我确信我也尝试过,它一直在做同样的事情,它会淡出,但淡入变得非常奇怪,之后淡出只显示了一个td。当Prototype.js和jQuery同时处于活动状态时,动画非常奇怪,但是使用相同的代码暂时禁用Prototype.js我的jQuery工作得非常出色。因此,当执行fadeIn()
和fadeOut()
函数时,怀疑Prototype正在尝试与jQuery一起执行一些操作。谢谢,我不知道这一点,我下次会再看。