Question

我在我的项目中使用jQuery mobile，当我登录系统时，然后转到更改密码页面，更改操作未触发（无操作）。但是，当我刷新页面时，它正在激活。简而言之，当页面上的按钮从其他页面重定向时，页面上的按钮不起作用。我在母版页中正确导入了.css和.js文件。（Generic Handler返回正确的值，它正在工作）

主管内容：

<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" />

Answer 1

我在项目中遇到过类似的问题。确保您使用不同的按钮ID。

如果ID相同，则点击事件不会附加到右键。

Answer 2

我通过更改加载页面的方式来解决此问题。我将 target =＆＃34; _self＆＃34; 放入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>

注意：你会失去幻想＆＃39; jQuery Mobile页面过渡功能

没有刷新就没有触发jQuery Mobile按钮

2 个答案: