Question

我试图让我网站主页上的两个模态框使用.fadeOut（）淡出。如果您访问该网站，您将看到该网站停留在第一个网站上。点击后它应该是fadeOut。

我已将它在测试文件中运行，因此我知道我的代码有效。但是当我将它集成到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');
    });
});

无法使.fadeOut（）与JQuery 1.7.1一起使用

1 个答案: