0

全部,

我发现我无法使用 JQueryMobile 1.2 在 Internet Explorer 8 中手动提交表单。

HTML代码如下,简单:

<HTML>
<HEAD>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>

<body>
<form method="post" name="test" action="http://www.baidu.com/" data-ajax="false">
  <input type="text" id="id_0" name="id_0" size="20" maxlength="32" value="PLAY"/>
  <input type="text" id="id_1" name="id_1" size="20" maxlength="32" value="PLAY"/>

<input data-theme="b" type="submit" value="OK" id="basicSubmit"/>
</form>  

</body>
</html>

我将此页面保存到本地磁盘并在 Internet Explorer 8 中打开它,它将显示 2 个文本和一个提交按钮。但是当单击“确定”按钮时,什么也没有发生。

如果我删除包含 jquery.mobile-1.2.0.min.js 的脚本标记行:

<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

jquerymobile 样式消失(没关系),“确定”按钮变为可点击提交。(虽然此表单的 URL 不正确并且 IE 显示错误消息)。我也试过“data-ajax=true”或“data-ajax=false”,都失败了。

任何人都可以帮忙吗?非常感激。

4

2 回答 2

0

请参考此链接。此问题已在上面的链接中修复,只有您必须对该页面中给出的 CSS 进行一些更改。

于 2012-12-03T14:55:42.953 回答
0

我有同样的问题,提交按钮在 IE9 中不起作用。我将提交按钮替换为

<input type="button" id="Signup" value="Signup!" data-role="" onClick="submitForm()">

并添加了功能:

    function submitForm() {
    document.registerForm.submit();
    }

这解决了我的问题。

于 2013-04-16T07:51:54.300 回答