javascript - 缺少 jQuery Mobile js 会扰乱我页面上的某些元素

Question

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

这是使用 JQUERY MOBILE 时的样子:

这是没有它的样子:

这是网址: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 会选择所有包含特定数据*和类的匹配元素，然后更改 HTML 结构并进一步添加样式类。

如果还是不行，你可以检查一下你是否使用了任何jQM类，这些类会触发jQM进一步修改类和html