2014-09-26 4 views
1

Я искал здесь много вопросов, связанных с обновить текущую страницу в jQuery mobile, но мой немного отличается от других. I введите некоторые значения, это всплывающее окно, когда закрывается всплывающее окно . Мне нужно обновить текущую страницу (то есть значения всплывающих окон должны отображаться на текущей странице).Обновить текущую страницу из всплывающего окна

Вот пример того, что я пробовал:

localStorage.setItem("name","tiger"); 
$(document).on("click","#save",function(){ 
     $("#openpopup").popup("close"); 
     localStorage.setItem("name","lion"); 
     $.mobile.changePage("#page1",{ 
     allowSamePageTransition : true, 
        transition : 'none', 
        showLoadMsg : true, 
        reloadPage : true 
     }); 
    }); 


$(document).on("pageshow","#page1",function(){ 



    if(localStorage.getItem("name")){ 
     $("#name").val(localStorage.getItem("name")); 
    } 
}); 

Вот пример FIDDLE

Примечание * скрипку для просто ссылаться на мой фактический код будет хранить в SQLite после получения значений в sqlite и обновите текущую страницу.

+0

На самом деле я не знаю, как сделать ваше приложение. Если вы используете дизайн SPA (одностраничное приложение), вам необходимо выполнить ajax-вызов при всплывающем закрытии, чтобы обновить введенные значения. Если вы не используете SPA, вы можете использовать location.href = 'your_page.html'. – Ved

+0

@Ved Я использую SPA ... – Vini

+0

Здесь вы можете использовать функцию $ .ajax для сообщения и получения данных .. см. Api.jquery.com – Ved

ответ

-1

Необходимо изменить значения перехода. например, ..... переход: «3 сек.», «4 сек.» и т. д.

Вы спрашиваете, почему ваши страницы не будут запускаться после завершения слайд-шоу? Если это так, вам может потребоваться изменить свойства перехода и setInterval на последнем переходе страницы. Надеюсь, я ответил на ваш вопрос.

+0

переход для того, чтобы поп, слайд ... не устанавливать время .. вы можете предоставить скрипку. Пожалуйста, еще раз пройдите Q. – Vini

0

Мне удаётся решить проблему set allowSamePageTransition и переход.

Как

$.mobile.changePage("#page1",{ 
allowSamePageTransition : true, 
      transition : 'none', 
}); 

Вот Fiddle Demo

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