jquery 加载页面时未单击按钮

Question

我有一个简单的 aspx 页面。加载页面后，我想要按下一个按钮。

这是我要点击的按钮：

<asp:Button class="js-modal js-prevent-bg-click inline" id="invisibleSelectProducer" href="#" runat="server" Text="Select Producer"></asp:Button>

这是我添加的 jquery（我本以为）应该在页面加载完成后单击该按钮：

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
       console.log($("#invisibleSelectProducer"));
        $("#invisibleSelectProducer").click();
    });
</script>

我是不是漏掉了一些显而易见的东西？甚至我添加的日志（上面）也记录了我想要单击的按钮对象。但是紧随其后的代码什么也没做。

编辑在尝试了 Mike123 的建议后，我得到了以下代码。它仍然不起作用。再一次，控制台会让我看到按钮对象（所以我知道它已呈现）但是页面加载后 .click() 不会触发。

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
       console.log($("#<%=invisibleSelectProducer.ClientID%>"));
        $("#<%=invisibleSelectProducer.ClientID%>").click();
    });
</script>

Answer 1

您的 invisibleSelectProducer 服务器端控件 id 在客户端会有所不同，您应该通过客户端 id 或 class 名称

引用其中之一

$("#<%=invisibleSelectProducer.ClientID%>").click();

或

$(".js-modal").click();

.js-modal 是您标记中的 class，但您可能想使用自定义的

jquery 加载页面时未单击按钮

jquery not clicking button on load of page

html

asp.net

jquery

button