如何通过单击文本框jQuery使表格可见

Question

我在表内创建了一个数字键盘，并将表设置为false。 我想在用户单击文本框后显示表格。 这是我写的代码；

<div id="divTable"> 
                <table align="center"  runat="server" id="numpadTable" visible="false">
            <tr>
                <td>
                    <asp:Button ID="Button1" runat="server" Text="1" OnClick="Button1_Click" CssClass="btnNumpad" /></td>
                <td class="auto-style2">
                    <asp:Button ID="Button2" runat="server" Text="2" OnClick="Button2_Click" CssClass="btnNumpad" /></td>
                <td>
                    <asp:Button ID="Button3" runat="server" Text="3" OnClick="Button3_Click" CssClass="btnNumpad" /></td>
            </tr></table></div>

文本框ID =“ numpadID”；

我已经找到了执行此操作的代码，但失败了。 例如;

<script>
$(document).ready(function() {
    $('#numpadID').live('click', function(event) {

        $('#numpadTable').toggle('show');

    });
});
</script>

它不起作用。 有什么帮助吗？

Answer 1

代替现场使用“开”

$(document).ready(function() {
    $('#numpadID').on('click', function(event) {

        $('#numpadTable').toggle('show');

    });
});

更新使用此：-

$(document).ready(function() {
    $('#numpadID').on('click', function(event) {

        $('#numpadTable').fadeIn();

    });
});

Answer 2

在使用ASP.NET时， numpadID是一个服务器控件（在使用runat="server" ），您需要使用Control.ClientID 。 <%= numpadID.ClientID %>将获取由ASP.NET生成的HTML标记的控件ID。

采用

$("#<%= numpadID.ClientID %>").on('click', function () {
    $("#<%= numpadTable.ClientID %>").toggle('show');
});

要么

您可以使用ClientIDMode.Static模式，然后可以继续使用现有代码。 但是，我不会推荐它。

---

从jQuery 1.7开始 ，不推荐使用.live()方法。 使用.on()附加事件处理程序。 较旧版本的jQuery的用户应优先使用.delegate()而不是.live()

Answer 3

您可以使用此代码显示和隐藏表。

$("#<%= numpadID.ClientID %>").focus(function () {
    $("#numpadTable").attr('visible','true');
});