Как сохранить таблицу, скрытую при загрузке, а затем показать ее нажатием кнопки

Привет Я пытаюсь добиться скрытия и отображения таблицы. при загрузке таблицы страниц нужно скрыть, и когда я нажимаю кнопку, она должна быть видимой. для этого я создал таблицу под div и создал кнопку и создал функцию скрипта. Вот таблица с сНу // DIV для таблицы Название компании Адрес компании компании Номер телефона Как сохранить таблицу, скрытую при загрузке, а затем показать ее нажатием кнопки

код для кнопки,

<asp:Button ID="AddMore_Button" runat="server" Text="Add More" class="btn btn-primary" OnclientClick="AddMore_Button"/> //button for displaying table

при нажатии кнопки ничего не происходит. Вот сценарий,

<script> 
      $(document).ready(function() { 
       $('#AddMoreDetails').hide() 
       $('#AddMore_Button').click(function() { 
        $("#AddMoreDetails").fadeToggle('fast'); 
       }); 
      }); 
      </script> 

While page loading table is hiding but when I click button it is not triggering. Any help..??

источник

2016-06-09 kiran n

Является ли Ваше мероприятие нажмите работать. просто проверьте с помощью консоли –

вы можете показать страницу html.? aspx код – KanisXXX

#Yo: клик событие в порядке. это работает. когда я нажимаю кнопку, он перейдет на главную страницу. –

код, который вы написали произведения отлично: https://jsfiddle.net/n3n82epr/

$(document).ready(function() { $('#AddMoreDetails').hide() $('#AddMore_Button').click(function() { $("#AddMoreDetails").fadeToggle('fast'); }); });

Может быть, ваш HTML код имеет некоторые неправильные теги внутри. Вы можете проверить свою страницу с помощью: https://validator.w3.org/

источник

2016-06-09 06:31:17

В jsfiddle его рабочий тон хорошо, как то, что я ожидаю. Но не знаю, в проекте он не работает. –

Не могли бы вы поделиться всем кодом? –

Ваш код должен работать нормально. Таблица будет отображаться при загрузке страницы до запуска скриптов. Так что лучше добавить стиль display:none в таблицу.

источник

2016-06-09 06:33:46

Привет, я добавил, но не использовал. –

Не могли бы вы показать мне весь HTML-код, который вы используете? –

ваш код работает нормально, проверьте ваше имя идентификатор/класса, который вы задаете

$(document).ready(function(){ 
    $('p').hide(); 
      $("button").click(function(){ 
      $("p").fadeToggle('fast'); 
    }); 
});

источник

2016-06-09 06:45:45

Как сохранить таблицу, скрытую при загрузке, а затем показать ее нажатием кнопки

ответ

Смежные вопросы