弹出窗口中的按钮的“ onclick”仅起作用一次

Question

我有一个html / php网页（该文件称为searchresults.php），可以导入jquery mobile。 当您进入页面时，URL通常类似于

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

在此示例中，排序关闭，仅显示5个项目。 在该页面上，有一个按钮会打开一个弹出窗口，我希望用户可以在其中更改这些设置。 我使用内置的jQuery移动弹出窗口。 在该弹出窗口上，您可以打开/关闭“排序”，也可以输入新的最大值。 在弹出窗口中，是一个“确定”按钮，以确认您的新设置。 看起来像这样：

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

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中带有新变量）。

但是，如果我尝试在更改一次后再次更改设置，则弹出窗口将无任何作用！ 换句话说，弹出窗口上的ok按钮的href保持为空，并且不调用javascript函数sortAgain（）。 我不明白为什么它第一次调用onclick方法会很好，但是随后拒绝再次调用它呢？

我认为这与以下事实有关：弹出html代码是searchresult.php文件的组成部分，并且hrefing到同一页面会带来问题吗？ 弹出窗口是纯html，弹出代码中不涉及php。 再次，它第一次运行良好。

Answer 1

您应该查看如何通过JavaScript附加事件。 参见此处： javascript附加事件

Answer 2

在JQM中设置点击处理程序时，您需要使用“ pageinit”事件： http ://api.jquerymobile.com/category/events/

这是一个在页面首次加载时如何绑定单击处理程序的示例。

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