jQuery Mobile按钮在没有刷新的情况下不会启动

本文关键字：情况下 启动 刷新 Mobile 按钮 jQuery | 更新日期: 2023-09-27 18:22:14

我在项目中使用jQuery mobile，当我登录到系统，然后转到更改密码页面时，更改操作不会启动（无操作）。但是，当我刷新页面时，它正在启动。简而言之，当页面上的按钮从除自身之外的另一个页面重定向时，该按钮不起作用。我已经在母版页中正确导入了.css和.js文件。（通用处理程序返回正确的值并且正在工作）

标题内容：

<script type="text/javascript">
        $(document).ready(function () {
            $("#changePasswordBtn").click(function () {           
                $.ajax({
                    type: "POST",
                    url: "ChangePasswordHandler.ashx",
                    data: "oldPassword=" + $("#oldPassword").val() + "&newPassword=" + $("#newPassword").val() + "&reNewPassword=" + $("#reNewPassword").val(),
                    success: function (msg) {
                        if (msg == 0) $("#popupText").text("success");
                        else if (msg == 1) $("#popupText").text("wrong pass");
                        else if (msg == 2) $("#popupText").text("match error");
                        else if (msg == 3) $("#popupText").text("fill boxes");
                        else $("#popupText").text("error");                      
                    }
                });
            })
        });
    </script>

正文内容：

<input type="button" id="changePasswordBtn" value="Change Password" data-inline="true" />

jQuery Mobile按钮在没有刷新的情况下不会启动

我在我的项目中看到了类似的问题。请确保您对按钮使用不同的id。

如果id相同，则单击事件不会附加到右侧按钮。

我通过更改加载页面的方式找到了解决此问题的方法。我将target="_self"放入href元素中，这样它就不会使用#系统加载——这样，在从一个页面导航到另一个页面时，javascript会与初始页面加载一起加载。

  • 我将把下面的链接放在我的index.html页面上，该页面将导航到我的signup.html页面

<a href="signup.html" target="_self" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-theme="a" data-inline="true">Signup</a>

注意：您将失去"花式"jQuery Mobile页面转换功能

相关文章：