Question

我正在研究这个主题，我想创建这个简单的导航，点击后点击和淡入淡出。

<div id="mobile-nav">
    <a class="exit"></a>
    <div class="logo"></div>
    <div class="center">
        <li class="skincare">Skincare</li>
        <li class="makeup">Makeup</li>
        <li class="kits">Kits</li>
        <li class="help">Help</li>
    </div>
</div>
<script>
           $(function() {
                    $('.exit').click(function(){
                        $('#mobile-nav').fadeOut();
                    });
                }
</script>

然而，当我尝试它时它似乎不起作用。像swiper.js这样的其他类型的脚本可以工作，但是这个简单的脚本不起作用。我正在做什么有什么不对吗？我一直在检查错误，jQuery也在加载。

在此预览 - http://magazine.eldecosmetics.com/

Answer 1

应该是

$(function() {
                        $$('.exit').invoke('observe', 'click', function() {
                            $('#mobile-nav').toggleClass('fadedOut');
                        });
                    });

您的代码是

$(function() {
                    $$('.exit').invoke('observe', 'click', function() {
                        $('#mobile-nav').toggleClassName('fadedOut');
                    });
                }

Answer 2

在Magento尝试避免jquery冲突时，必须使用 jQuery 而不是 $ 符号。

例如我提到了正确的编码

jQuery(function(){

            $$('.exit').invoke('observe', 'click', function() {
                jQuery('#mobile-nav').toggleClass('fadedOut');
            });

});

希望这会对你们有所帮助。

Javascript操作无法在mageneto中运行

2 个答案: