如何通過單擊文本框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');
});