jquery函数在一个页面上工作，但在同一个项目中的另一个页面上不工作

Question

我对 jquery 很陌生，我被困在 jquery 的 keyup 函数中。我猜对了，下面是对我有用的代码

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
    $(function () {

        $('#txtname').keyup(function () {
            var name = $('#txtname').val();

            var lbl = $('#lbl1').text();
            var lbl2 = $("#<%=label1.ClientID %>").text();

            document.getElementById('txtdetails').value = parseInt(document.getElementById('txtname').value) * parseFloat(lbl2);

        });

    });


</script>



<input type="text" id="txtname" runat="server" />
<p><b>Keyup Event Example</b></p>
<input type="text" id="txtdetails" runat="server" />
         <asp:Label ID="label1" runat="server">20.5</asp:Label>

它对我来说很好，但是当我在另一个页面中实现相同的功能时，这不起作用...在那个页面中我还使用了一些其他 jquery 库...是这个原因吗？？？

这真的很奇怪，并且被困了很长时间......任何帮助将不胜感激。

Answer 1

您正在强制输入在服务器上运行。这意味着它在客户端的 ID 可能与您使用的不同。

为此，您需要使用已用于标签的 textbox.ClientID。