Question

我在Asp.Net 3.5中使用Jquery做了一个小样式更改应用程序。我有IE7。当我点击按钮时，段落颜色应该改变。问题是，颜色在变化，不稳定。就像眨眼一样。请找到以下代码

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {

            $("#Button1").click(function() {

                $("p").css("background-color", "Yellow")

            });

        });

    </script>
</head>


<body>
    <form id="form1" runat="server">
    <div>

        <asp:Button ID="Button1" runat="server" Text="Button" />
            <p>This Should be in  <br/>
               yellow</p>

           </div>
    </form>
</body>
</html>

Answer 1

因为ASP.NET将ID属性更改为可以解析的内容。

如果您使用的是ASP.NET 4，请将ClientIDMode设置为AutoID。

如果您使用其他任何内容，请将选择器更改为使用"#<%= Button1.ClientID %>"

此外，请返回false以防止表单被回发。

Answer 2

试试这个：

        $("#<%=Button1.ClientID %>").click(function() {

            $("p").css("background-color", "Yellow")

        });

当Button在客户端呈现时，它不会有id =“Button1”

Answer 3

变化：

$("#Button1").click(function() {

到

$("#<%=Button1.ClientID%>").click(function() {

Answer 4

$("input[id$='Button1']").click(function() {
button click stuff here.
});

使用Jquery无法正确输出

4 个答案: