Вопрос по jquery, html, html5, jquery-mobile – Как передать текст кнопки на другую страницу?

0

Я делаю приложение для BlackBerry PlayBook, используя jQuery Mobile, и на странице (на самом делеdiv сdata-role='page'), У меня много (скажем, 125) кнопок, каждая из которых имеет уникальный текст. Я использовалa пометить сdata-role='page' за это.

Это отдельная страница, подобная описанной выше, но с разным содержанием в одном и том же HTML-файле. Содержание этой страницы зависит от кнопки, нажатой на странице 1.

Итак, мой вопрос: как я могу загрузить страницу 2 вместе со связанным контентом в соответствии с кнопкой, нажатой на странице 1? Мне нужно передать текст в середине<a> а также</a> теги на страницу 2 и соответственно загрузите контент.

Любая помощь с благодарностью.

@Dunhamzzz Что именно вы подразумеваете под структурой URL? Roshnal
load the content accordingly. Откуда берется контент? Какой-то запрос к серверу? Локальное хранилище? Dunhamzzz
Формат файла? Вы не можете просто загрузить контент. если я не знаю точно, откуда это исходит. Разместите свой код до сих пор. Dunhamzzz
@Dunhamzzz Нет, это из локального файла JSON .. Roshnal
Какова ожидаемая структура URL для загружаемого контента? Dunhamzzz

Ваш Ответ

3   ответа
1

у вас может быть уникальное значение, связанное с каждой вашей кнопкой, затем при нажатии кнопки запускайте ту же функцию для каждой кнопки, в этой функции проверяйте значение и как в соответствии с прямой ссылкой на страницу. или еще Вы можете использовать html5 localStorage / sessionStorage для хранения значений, передаваемых между страницами. для более подробной информации посетитеВот

теперь это нормально, приятель ?? :)
Да уж :). Спасибо за ваш ответ, но будет ли локальное хранилище работать в BlackBerry? Я делаю приложение BB WebWorks. Roshnal
если он поддерживает html5, то он будет определенно.
и эй, вы можете проверить это здесьmobilehtml5.org , если вам понравилось, пожалуйста, примите это :)
ммм .. здесь? где? Roshnal
2

используя, например, строку запроса, а затем в событии pagehow вызываемой страницы вы проверяете это и отображаете соответствующее содержимое.

Разметка кнопок

<a href="#page2?btn=Hello">Button 1</a>

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

$(function() {
     $(document).delegate('#page2', 'pageshow', function (event, ui) {
                var qryStringResult = getParameterByName('btn'); //hello                     
        });  
});

Функция от Артема Баргера -https://stackoverflow.com/a/901144/384985

 function getParameterByName(name) 
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}
Я не знал о событии, называемом «pageshow». Например, если я хотел отобразитьbtn значение (то есть "Hello") в<p></p> элемент на странице 2, что я должен вставить внутри функции? Roshnal
Спасибо, я проверю это и приму, если он работает TWIW. Roshnal
Я обновил свой ответ с некоторым примером кода.
Спасибо за ссылки, но не могли бы вы показать мне (желательно фрагмент кода к существующему коду), как я могу получитьbtn="Hello" часть? Я прочитал документацию по JQM, но это немного трудно понять для новичка, как я :) Roshnal
pagehow - это событие JQM,jquerymobile.com/demos/1.1.0/docs/api/events.html, Вот ссылка на SO вопрос о чтении значений строки запроса в javascriptstackoverflow.com/questions/901115/…
0

<a href="#" onclikc="some_function('Button 1')">Button 1</a>

function some_function(data){



global_varible = data;

}

На странице 2

$( document ).delegate("#page2", "pagecreate", function() { 
       var page2_varible = global_varible;
}

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