我在项目中使用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" />
我在我的项目中看到了类似的问题。请确保您对按钮使用不同的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页面转换功能