Question

我有一个简单的jQuery函数，该函数不起作用。我需要编写一个函数，如果有人单击名为“ modal-opened”的类，则需要将其添加到主体“ modal-open”。所以我写这样的函数：

$(document).ready(function(){
    $(".modal-opened").click(function(){
        $("body").addClass("modal-open");
    });
});

我在JavaScript中具有实际可用的相同功能，就在这里。

document.getElementById("modal-opened").addEventListener("click", myFunction);

function myFunction() {
    $("body").addClass("modal-open");
}

我需要同样的功能，但是在jQuery中。

Answer 1

请注意，您会在普通JS中通过ID进行模式打开：

// You get modal-opened by ID in plain JS
$(document).ready(function(){
    $("#modal-opened").click(function(){
        $("body").addClass("modal-open");
    });
});

Answer 2

尝试这样做：

<script>
    $(document).on('click','.modal-opened',function(){ 
       $("body").addClass("modal-open");
    });
</script>

Answer 3

关于您共享的有效javascript代码，您的jQuery代码中存在错误。

javascript中的

document.getElementById（“ modal-opened”）等效于 $（“＃modal-opened”），而不是$（“。modal-opened”）。

在jQuery中，您可以使用＃使用ID来访问元素，而使用点可以按类来访问元素。

希望这会有所帮助。请分享您的反馈。

jQuery addClass函数问题

3 个答案: