Как сделать видимую таблицу, нажав на текстовое поле JQuery

Question

Я создал цифровую панель внутри таблицы и сделал ее видимой ложной. Я хочу отобразить таблицу после того, как пользователь нажал на текстовое поле. вот код, который я написал;

<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>

Textbox id = "numpadID";

Я нашел такие коды для этого, но мне не удалось. Например;

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

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

    });
});
</script>

Это не работает. Любая помощь?

javascript jquery asp.net

0

OykunYenal 21 Дек 2015 в 14:59

Answer 1

Вместо живого использования «вкл»

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

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

    });
});

Обновить. Используйте это: -

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

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

    });
});

1

Keyur Sakaria 21 Дек 2015 в 12:09

Answer 2

Поскольку вы используете ASP.NET, numpadID является серверным элементом управления (так как вы используете runat="server"), вам нужно использовать Control.ClientID. <%= numpadID.ClientID %> Возвращает идентификатор элемента управления для разметки HTML, созданной ASP.NET.

Использование

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

ИЛИ

Вы можете использовать {{X0 }}, тогда вы можете продолжить работу с существующим кодом. Однако я не буду рекомендовать это.

Начиная с jQuery 1.7 , метод .live() устарел. Используйте .on(), чтобы прикрепить обработчики событий. Пользователи более старых версий jQuery должны использовать .delegate() вместо .live()

1

Satpal 21 Дек 2015 в 12:04

Answer 3

Вы можете использовать этот код, чтобы показать и скрыть таблицу.

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

0

Saurabh Srivastava 21 Дек 2015 в 12:08

Как сделать видимую таблицу, нажав на текстовое поле JQuery

3 ответа

Похожие вопросы

Новые вопросы

javascript