Nano Hash - криптовалюты, майнинг, программирование

jquery mobile проблема с отображением флажка

Пожалуйста помоги мне с этим. Я новичок в CSS и jQuery Mobile, и у меня возникла эта проблема.

Флажки на моей странице не отображают поле; только этикетка. Когда я нажимаю на метку, слева появляется квадрат.

Теперь проблема возникает только в том случае, если я загружаю файл CSS в свой локальный файл и ссылаюсь на него. Если я обращаюсь к файлу CSS напрямую с сервера, поле появляется перед текстом и работает нормально. Ниже приведен пример исходного кода:

Источник с ошибкой:

<!DOCTYPE HTML> 
<html>
    <head>
        <title>Mobile App Login</title> 
        <meta name=viewport content="user-scalable=no,width=device-width">
        <link rel="stylesheet" href="../jQuery/jquery.mobile.css">
        <script src="../jQuery/jquery.js"></script>
        <script src="../jQuery/jquery.mobile.js"></script>
    </head>
    <body>
        <div data-role=page id=home>

            <div data-role=header>
                <h1>Login Screen</h1> 
            </div>

            <div data-role=content>
                <label>
                    <input type="checkbox" name="checkbox-0" /> 
                    I agree 
                </label>
                <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
                <label for="checkbox-1">I agree</label>
            </div>
        </div>
    </body>
</html>

Источник, в котором нет ошибки:

<!DOCTYPE HTML>
<html>
    <head>
        <title>Mobile App Login</title>
        <meta name=viewport content="user-scalable=no,width=device-width" />
        <link rel="stylesheet"  href="http://jquerymobile.com/test/css/themes/default/jquery.mobile.css" />
        <script src="../jQuery/jquery.js"></script>     
        <script src="../jQuery/jquery.mobile.js"></script>
    </head>
    <body>
        <div data-role=page id=home>

            <div data-role=header>
                <h1>Login Screen</h1>
            </div>

            <div data-role=content>
                <label>
                    <input type="checkbox" name="checkbox-0" /> 
                    I agree 
                </label>
                <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
                <label for="checkbox-1">I agree</label>
            </div>
        </div>
    </body>
</html>

Все остальное работает нормально; это просто отображение коробки вызывает у меня проблему. Я взял последние файлы для файлов CSS и JS и проверил.

Без коробки пользователь может подумать, что это просто этикетка.

Поскольку я новичок, я не могу дать изображение, извините...

Спасибо всем.

checkbox jquery-mobile
27.09.2012

  • Вы уверены, что ваша ссылка на локальный файл CSS находится в правильном месте? 27.09.2012
  • Вы также загрузили папку с изображениями? Помимо того, что код, который вы вставили, имеет неправильный формат, что делает его очень трудным для чтения, я предлагаю вам отредактировать свой вопрос и исправить его. 27.09.2012
  • Я отформатировал ваш код (вручную x___x...) Пожалуйста, в следующий раз убедитесь, что вы правильно форматируете свой код... 04.10.2012
  • Спасибо за ваши предложения. это действительно была проблема с папкой изображений. Я был новичком и не знал, как делать форматирование. С этого момента я позабочусь об этом .. Извините, что отвечаю так поздно .. Я сразу же починил его с помощью друга. И по некоторым причинам я не получаю письма, когда на мой вопрос отвечают... 15.06.2013

Ответы:


1

Добавление флажка внутри набора полей для меня решило ту же проблему.

<fieldset data-role="controlgroup">
  <input type="checkbox" name="checkbox-2" id="checkbox-2" class="custom" />
  <label for="checkbox-2">I agree</label>
</fieldset>
24.02.2013
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..