主页 / 问题 / 927374
Accepted
Сергій mk
Asked:2021-01-01 03:39:56 +0800 CST2021-01-01 03:39:56 +0800 CST

jQuery通过attr获取属性

  • 772

有两个按钮可以调用模态窗口

            <a class="btn-show-modal js-show-modal" href="#js-block-modal">modal window</a>

<a class="btn-show-modal js-show-modal" href="#js-block-modal2">modal window 2</a>

然后有一个 jQuery 脚本，当我单击带有 .js-show-modal 类的按钮时调用这些窗口，脚本接收 #js-block-modal 属性并调用窗口，问题是为什么脚本总是得到单击第二个按钮时第一个按钮的属性 

   $('.js-show-modal').on('click', function(e){
       
        e.preventDefault();

        var currentModal = $('.js-show-modal').attr('href');
 
        $(currentModal + ', #js-overlay').fadeIn('fast');

    });

jquery

1 个回答

  1. Best Answer

    您没有采用当前单击的元素，而是第一个元素。正确工作的代码：

       $('.js-show-modal').on('click', function(e){           
        e.preventDefault();
        var currentModal = this.attr('href');     
        $(currentModal + ', #js-overlay').fadeIn('fast');
    });

    这样，您将通过this当前元素。

    • 1

相关问题