0

我正在尝试使用 jQuery/JavaScript 打开和关闭抽屉，将抽屉的高度从 25px（它隐藏在另一个元素后面）更改为 250px，它会弹出并可见。我有一个用作按钮的向上箭头。当抽屉打开时，它将类切换为向下箭头。代码向上箭头部分中的所有内容都有效。由于某种原因，向下箭头部分不起作用，抽屉也不会关闭。我有一个偷偷摸摸的怀疑，这是因为我试图向尚未添加到 DOM 的类添加点击事件，但我不确定这是否正确。即使这是正确的，我也不知道如何解决它。有任何想法吗？

   $('.arrow-up').click(function() {
        $('.portfolio-details').css('height',250);
        $('.portfolio-details h2 span').removeClass('arrow-up');
        $('.portfolio-details h2 span').addClass('arrow-down');
        });

    $('.arrow-down').click(function() {
        $('.portfolio-details').css('height',25);
        $('.portfolio-details h2 span').addClass('arrow-up');
        $('.portfolio-details h2 span').removeClass('arrow-down');
        });
4

1 回答 1

1

尝试事件委托，因为您正在使用动态选择器值

 $(document).on('click', '.arrow-up', function() {
    $('.portfolio-details').css('height',250);
    $('.portfolio-details h2 span').removeClass('arrow-up');
    $('.portfolio-details h2 span').addClass('arrow-down');
    });

$(document).on('click', '.arrow-down', function() {
    $('.portfolio-details').css('height',25);
    $('.portfolio-details h2 span').addClass('arrow-up');
    $('.portfolio-details h2 span').removeClass('arrow-down');
    });
于 2013-06-21T03:51:22.193 回答