«onclick» кнопки во всплывающем меню работает только один раз

Question

У меня есть веб-страница html/php (файл называется searchresults.php), который импортирует jquery mobile. При входе на страницу, URL-адрес, как правило, что-то вроде

www.domain.com/searchresults.php?&sort="off"&max="5" 

В этом примере сортировки выключен и отображаются только 5 пунктов. На этой странице есть кнопка, которая открывает всплывающее окно, где я хочу, чтобы пользователь мог изменить эти параметры. Я использую встроенное всплывающее окно jquery. В этом всплывающем меню вы можете включить/отключить «сортировку», и вы можете ввести новый максимум. На всплывающем окне «ok», чтобы подтвердить ваши новые настройки. Это выглядит так:

<a href="" id="okbutton" data-role="button" onclick="sortAgain();">OK</a> 

The sortAgain(); функция JavaScript выглядит следующим образом:

function sortAgain(); 
{ 
    //some code to get the necessary variables// 
    ... 

    //change the href of the button so you reload the page 
    document.getElementById("okbutton").href = "searchresults.php" + "?keyword=" + var1 + "&sort=" + var2 + "&max=" + var3 
} 

Так, в основном, прямо перед кнопкой «ОК» переходит на другую страницу, я поставил его HREF страницы, на которой она должна ориентироваться тоже.

Эта схема работает, и файл searchresults.php извлекается снова с сервера и повторно интерпретируется (с новыми переменными в URL-адресе).

Однако, если я попытаюсь изменить настройки снова после его изменения один раз, всплывающее окно просто ничего не делает! Другими словами, href кнопки ok на всплывающем окне остается пустым, а функция javascript sortAgain() не вызывается. Я не понимаю, почему он впервые называет метод onclick, но затем отказывается снова его называть?

Я предполагаю, что это связано с тем фактом, что popup html-код является неотъемлемой частью файла searchresult.php, и что hrefing на ту же страницу дает проблемы? Всплывающее окно - это чистый html, во всплывающем коде не участвует php. и снова, он работает отлично в первый раз.

Answer 1

Вы должны проверить, как присоединить события через JavaScript. Смотрите здесь: javascript attaching events

Answer 2

Вы должны использовать «pageinit» событие при настройке обработчиков кликов в JQM: http://api.jquerymobile.com/category/events/

Вот пример того, как связать обработчик щелчка при первой загрузке страницы.

$(document).on("pageinit", "#that-page", function() { 
    $('#okbutton').on("click", "#that-page", function(e) { 
     $(this).attr("href", "searchreslts.php"); 
    }); 
});