Javascript jQuery没有'；t作为脚本但在控制台中的效果？

我想在我的网站上的第一个“显示更多”链接上添加单击操作。如果我在控制台中尝试此代码：

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'");

这很有效。如果您在控制台中自己尝试，您会看到，如果您点击show more，图像将弹出。但是如果我将其作为脚本插入页脚，您可以在页面源代码的末尾找到代码

<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>

jQuery（文档）.ready（函数（）{
jQuery（#wpc_59c09c751543d>div>div>div>div:n子级（2）>div>div>div>div>div>div>div:n子级（2）>p）
.attr（“onclick”、“document.getElementById（'showExpandImage'））.style.display='block'）；
});

它只是没有添加onclick事件。。。这是为什么？我该如何解决？ 它得到了明确的加载。我用一个

alert（）

事件尝试了这一点。但是由于访问者的原因，我删除了

alert（）

事件。我很乐意得到帮助

$("#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（）

，而无需在文档准备就绪时调用该函数

---

我多次遇到这个问题

问题是您的元素在脚本加载之后加载，原因可能是：

您的元素是通过java脚本动态加载的

---

这个问题的解决方案是在元素加载完成时加载脚本

我已经在您的网站上进行了测试，应该可以：

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

编辑： 我还建议您向元素添加一个ID，并将长选择器更改为使用该ID。例如，您可以添加

my link

的ID，并将其更改为：

$("#my-link").click(....)

---

但那个选择器…：）

attr（“onclick”），

您在属性上设置了click处理程序，您的DOM已经呈现。改为使用jQuery的click事件。这个选择器和字符串中的javascript让我为人类的进步而高兴地流泪