小编tol*_*ube的帖子

我知道 stackoverflow 中有很多类似的问题，但似乎没有一个对我有用。我认为存在逻辑错误，导致我的 onClick 事件无法多次工作。另外，我想传递 data-id 属性以通过 id 定位正确的容器。它确实有效，但只能一次。我在 WordPress 页面中使用它。这是我的代码：

jQuery(document).ready(function($){

    $('.change-aktiviert-btn').on('click', function(){
        var id = $(this).data("id");
        if($('#project-listing-container-'+id).hasClass("grey-bg")) {
            $('#project-listing-container-'+id).removeClass("grey-bg");
        } else {
            $('#project-listing-container-'+id).addClass("grey-bg");
        }
    })

})

相关的 HTML 是：

<div id="project-listing-container-398" class="project-listing-container "></div>
    <button class="change-aktiviert-btn" data-id="398" onclick="changeStatus('Ja', 1, 398);" type="button" name="qr-link">
                    <div class="project-action-switch">
                        <i class="fas fa-eye"></i>
                    </div>
        </button>

我该如何修复它？感谢您的帮助。