Question

我正在使用当前版本的jQuery：

<!--jQuery-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!--jQuery UI-->
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<!--jQuery Mobile-->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://

我有以下HTML（我从文档中复制粘贴以确保正确性）：

<div id="form-pay" data-role="fieldcontain">
    <form action="mailer.php" method="post">
        <label for="basic">Text Input:</label>
        <input type="text" name="name" id="basic" data-mini="true" />
    </form>
</div>

按钮，手风琴和动画一切正常，但出于某种原因，上述形式无法正常工作。他们只是表现得没有风格。我需要做什么初始化吗？文档说表单是自动初始化的。

我错过了什么吗？

Answer 1

<强> jQuery Mobile 1.2 (1.2.0) works with versions of jQuery core from 1.7.0 to 1.8.2.

因此将jQuery更改为ver 1.8.2（或1.8.3）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

jsFiddle

或者如果由于某种原因需要ver.1.9.X

，请使用jQuery migrate

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>

jsFiddle

jQuery Mobile表单不起作用

1 个答案: