Мобильная кнопка jQuery искажается, когда я использую .show () и .hide ()

Когда я использую .hide () на кнопке в jQuery mobile, изначально кнопка скрывается. когда я использую свойство .show (), пользовательский интерфейс искажается. Каким-то образом.кнопка ('обновить'), похожая на .listview ('обновить'), не работает.

Я воссоздал ошибку в jsfiddle link

 $ ('# page1'). Live ('pageshow', function () {$ ("# showbtn1"). Click (function () {$ ("# btn1"). show (); $ ("# btn2"). hide (); $ .mobile.changePage ("# page2");}); $ ("# showbtn2"). click (function ( ) {$ ("# btn1"). hide (); $ ("# btn2"). show (); $ .mobile.changePage ("# page2");});}); 
 

Заголовок страницы

Чтобы воссоздать ошибку

1. нажмите кнопку показа 1

2. нажмите назад

3. нажмите кнопку "Показать" 2

4.кнопка искажена

показать только кнопку 1 показать только кнопку 2

Нижний колонтитул страницы

Заголовок страницы

Нижний колонтитул страницы h4>

Любая помощь приветствуется.

Спасибо.

5
задан Shiladitya 13 April 2019 в 03:51
поделиться