Почему моя кнопка отправки выглядит наложенной на себя в jQuery Mobile? - PullRequest
1 голос
/ 18 марта 2012

Я создал форму в своем веб-приложении PHP / jQuery Mobile с этим HTML.

<form action="<?= $_SERVER['REQUEST_URI'] ?>">

    <!-- data received from a previously submitted form -->
    <input type="hidden" name="firstName" value="<?= $firstName ?>" />
    <input type="hidden" name="lastName" value="<?= $lastName ?>" />

    <div data-role="fieldcontain">
        <label for="favoriteWord">Favorite Word:</label>
        <input type="text" name="favoriteWord" id="favoriteWord" value="" placeholder="Please tell us your favorite word." />
    </div>

    <input type="submit" name="submit" value="Submit Form" />
</form>

Однако моя кнопка отправки выглядит странно.Он выглядит наложенным на себя (как показывает мой снимок экрана).

enter image description here

Почему?

Это HTML-код, который я вижу, когда использую data-ajax="false" (Проблема все еще сохраняется с отключенным ajax) и нажмите «Просмотреть исходный код».

<form action="/submitFavoriteWord">

    <!-- data received from a previously submitted form -->
    <input type="hidden" name="firstName" value="David" />
    <input type="hidden" name="lastName" value="Faux" />

    <div data-role="fieldcontain">
        <label for="favoriteWord">Favorite Word:</label>
        <input type="text" name="favoriteWord" id="favoriteWord" value="" placeholder="Please tell us your favorite word." />
    </div>

    <input type="submit" name="submit" value="Submit Form" />
</form>

Обновление: я проанализировал страницу в Chrome Web Developer.Вот что предлагает вкладка «Элементы» для создания jQuery Mobile.

enter image description here

Странно, но над кнопкой «Отправить» сгенерирован тег <span>.

Ответы [ 2 ]

0 голосов
/ 18 марта 2012

Скорее всего, не закрытый тег или дополнительное поле-контейнер

0 голосов
/ 18 марта 2012

Этот пример работает нормально: http://jsfiddle.net/shanabus/FG97U/

Так что, может быть, проблема в незамкнутом элементе HTML где-то еще на странице?Это можно проверить, если вы разместите больше своего кода, но я видел, как это произошло, и проверка другого HTML-кода на странице может решить вашу проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...