Question

我正在制作一个网页，我决定拿出jQuery mobile JS文件，因为它对我的页面很重，而且它不再是必要的，但当我把它取下时，一些元素会无缘无故地变得混乱。如果有人能解释为什么会这样，请告诉我。我可以快速重新排序，但我想知道为什么会这样。

这是JQUERY MOBILE的外观：

enter image description here

没有它，这就是它的样子：

enter image description here

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

Answer 1

使用jQM渲染，然后将使用Chrome Developer Tool的表单结果复制到不包含jQM的html中，以解决您的问题。

ie：使用以下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进一步修改类和html的jQM类

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

1 个答案: