jquery不适用于多个但相同的类。

Question

我有这个jquery作为我的移动菜单，可以点击改变类。

jQuery("#slide-out-open").click(function() {
    if( jQuery( this ).hasClass( "slide-out-open" ) ) {
        jQuery('#wrapper').css({overflow:"hidden"});
        jQuery("body").addClass( 'js-nav' );
        jQuery( this ).removeClass('slide-out-open').addClass('slide-out-close');
        return false;
    }
    else if( jQuery( this ).hasClass( "slide-out-close" ) ) {
        jQuery('#wrapper').css({overflow:"auto"});
        jQuery("body").removeClass( 'js-nav' );
        jQuery( this ).removeClass('slide-out-close').addClass('slide-out-open');
        return false;
    }
});

现在，我想在左弹出菜单中添加相同的按钮。我为菜单添加了相同的php，html是可以的，但是当我单击第一个按钮并改变它的类时，我的新按钮并没有改变这个类。

所以jquery只工作一次，在它找到的头等舱上。如何将其更改为更改两个类？

谢谢

Answer 1

jQuery("#slide-out-open")绑定到id html属性，根据规范，只能有一个绑定到特定id的元素。

我建议将其更改为可以多次选择的类。

附带注意:不推荐使用.click，只会绑定到加载js时出现在页面上的元素。

我建议使用.on( 'click', function() {})，这将允许动态绑定，并且是当前支持的方法。

Answer 2

你到底是什么意思还不太清楚。但是首先，两个按钮不应该有相同的ID，因为ID应该是特定的标识符。也许这就是问题所在。(应该是个评论，但我不能评论。)