Я создал цифровую панель внутри таблицы и сделал ее видимой ложной. Я хочу отобразить таблицу после того, как пользователь нажал на текстовое поле. вот код, который я написал;
<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>
Это не работает. Любая помощь?
3 ответа
Вместо живого использования «вкл»
$(document).ready(function() {
$('#numpadID').on('click', function(event) {
$('#numpadTable').toggle('show');
});
});
Обновить. Используйте это: -
$(document).ready(function() {
$('#numpadID').on('click', function(event) {
$('#numpadTable').fadeIn();
});
});
Поскольку вы используете 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()
Вы можете использовать этот код, чтобы показать и скрыть таблицу.
$("#<%= numpadID.ClientID %>").focus(function () {
$("#numpadTable").attr('visible','true');
});
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (кроме ActionScript). Включите все соответствующие теги в свой вопрос; например, [node.js], [jquery], [json] и т. д.