javascript - jQuery 不影响脚本但在控制台？

Question

我想在我的 webpage 上的第一个显示更多链接上添加一个点击操作.如果我在控制台中尝试此代码:

jQuery("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p")
    .attr("onclick", "document.getElementById('showExpandImage').style.display = 'block'");

这是有效的。如果您在您看到的控制台中自己尝试，如果您点击显示更多，该图像将弹出。但是如果我把它作为脚本插入页脚，你可以在页面源代码的末尾找到代码

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p")
            .attr("onclick", "document.getElementById('showExpandImage').style.display = 'block'");
    });
</script>

它只是不添加 onclick 事件...这是为什么？我该如何解决？ 它肯定会加载。我尝试使用 alert() 事件。但是由于访问者的原因，我删除了 alert() 事件。很乐意提供帮助。

Answer 1

$("#wpc_59c09c751543d > div > div > div > div:nth-child(2) > div > div > div > div > div:nth-child(2) > p").click( function(){
    $('#showExpandImage').css('display', 'block');
});

您可以使用 jQuery 函数 click()，而无需在文档准备好时调用该函数

jQuery click function