jquery - 无法使 .fadeOut() 与 JQuery 1.7.1 一起使用

Question

我正在尝试使用 .fadeOut() 使我网站主页上的两个模式框淡出。如果您访问该网站，您会看到该网站停留在第一个。它应该在点击时淡出。

http://mitsuifinearts.com/wp/

我已经让它在测试文件中运行，所以我知道我的代码可以运行。但是当我将它集成到 Wordpress 站点时，它就崩溃了。

我的 JS 在这里: http://mitsuifinearts.com/wp/wp-content/themes/apex/js/modal-fade.js

如果我将以下代码行添加到 header.php，模态将起作用，但站点中的大多数其他 JQuery 都会中断:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

我看到 JQuery 1.7.1 在 .这不应该允许 .fadeOut() 工作吗？据我所知，它还没有被弃用。

Answer 1

WordPress 使用 jQuery.noConflict()默认情况下。所以尝试用 jQuery 变量替换 $:

jQuery(document).ready(function() {
    jQuery('.modal1').click(function() {
        jQuery('.modal1').fadeOut('slow');
    });
});
jQuery(document).ready(function() {
    jQuery('.modal2').click(function() {
        jQuery('.modal2').fadeOut('slow');
    });
});