我正在制作一个网页,所以我决定取出jQuery移动JS文件,因为它对我的页面来说很沉重,不再需要了,但是当我将其取下时,某些元素会毫无理由地变得混乱。如果有人可以解释为什么会发生,请告诉我。我可以快速对其重新排序,但我想知道为什么会这样。

JQUERY MOBILE的外观如下:



没有它是这样的样子:



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

最佳答案

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

即:用以下html替换。

<form data-ajax="false" method="post" action="send.php">
            <input type="hidden" name="recipient" value="[email protected]">
            <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将选择所有匹配的元素,其中包含某些data- *和class,然后更改HTML结构并向所有样式元素添加样式类。

如果仍然无法使用,则可以检查是否使用了任何会触发jQM的jQM类,以进一步修改类和html

关于javascript - 缺少jQuery Mobile js困惑我页面上的某些元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27759832/

10-09 14:59