缺少 jQuery 移动 js 使我页面上的某些元素混乱

Question

我正在制作一个网页，我决定取出 jQuery 移动 JS 文件，因为它对我的页面来说太重了而且不再需要了，但是当我把它从一些元素中取出时无缘无故地变得混乱。如果有人能解释为什么会这样，请告诉我。我可以快速重新订购它们，但我想知道为什么会这样。

这是 JQUERY 手机的样子：

这是没有它的样子：

这是网页：http://www.sinvenderse.com/reiki/index.htm

Answer 1

使用 jQM 渲染它，然后使用 Chrome 开发者工具将表单结果复制到不包含 jQM 的 html 应该可以解决您的问题。

即：替换为下面的html.

<form data-ajax="false" method="post" action="send.php">
            <input type="hidden" name="recipient" value="info@hgstudio.com.ar">
            <input type="hidden" name="subject" value="Pruebas Reiki">
            <input type="hidden" name="redirect" value="gracias.htm">

            <p class="formu" style="top: 5px; left: 63px">Suscribite a nuestras novedades</p>
                <br>
                <span class="formu sml" style="bottom: 5px; right: 9px">NOMBRES</span>
                <input type="text" name="name" id="nomb" class="formu" style="bottom: 6px; right: 5px; -webkit-box-shadow: rgb(191, 96, 96) 0px 0px 3px 2px;">
                <br>
                <span class="formu sml" style="left: 24px">MAIL</span>
                <input type="email" name="email" id="corr" class="formu" style="bottom: 1px; left: 29px">
                <br>
                <img src="image-captcha.php" draggable="false" class="formu" alt="captcha-recarga-la-pagina" style="left: 42px; top: 6px">
                <input type="text" name="captcha" id="ver" style="width: 100px; left: 36px" class="formu">
                <input type="submit" name="submit" id="oc" class="formu" value="Enviar" style="width: 70px; top: 0px; left: 40px">
            </form>

如果还是不行，尝试包含 jQM css。

这是因为 jQM 将 select 所有匹配的元素包含某些数据-* 和 class 然后更改 HTML 结构并进一步添加样式 classes。

如果仍然无法正常工作，您可以检查是否使用了任何 jQM classes 会触发 jQM 进一步修改 classes 和 html

缺少 jQuery 移动 js 使我页面上的某些元素混乱

Lack of jQuery Mobile js disorder some elements on my page

javascript

jquery

html

css

jquery-mobile