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

jQuery .css не работает в Chrome, но работает в FF, Safari, IE9

Я пытался лучше понять jQuery и придумывал случайные страницы, чтобы протестировать некоторые из них. Я сделал небольшую макетную страницу туристического агентства, на которой есть форма с вариантами стран отправления и назначения. Пунктом отправления/назначения по умолчанию являются США, а под ним появляется второй вариант для Штатов. Когда пользователь выбирает что-то другое, кроме США, параметр состояний исчезает, за исключением Chrome.

веб-сайт: http://www.stephenweigel.com/portfolio/somewheresomehow

Сценарий: (имеет $(document).ready(function() , не думал, что мне нужно публиковать весь JS-файл)

 $('#destination').click(function(){
            // Show US States if Destination is US
            var destination = $('#destination').val();
            var domestic = 'USA';

            if (destination == domestic) {
                $('#usDest').css("display","inline");
            } else {
                $('#usDest').css("display","none");
            } 

HTML:

<div>
      <select name="destination" id="destination">
        <option value="USA" selected="selected">USA</option>
        <option value="Canada">Canada</option>
        <option value="Mexico">Mexico</option>
        <option value="Italy">Italy</option>
         <option value="France"> France </option>
        <option value="Spain"> Spain </option>
      </select> <!--end destination-->
     </div>
     <div>
     <select name="usDest" id="usDest">
        <option value="Alabama" selected="selected">Alabama</option>
            <option value="Alaska">Alaska</option>
            <option value="Arizona">Arizona</option>
            <option value="Arkansas">Arkansas</option>
            <option value="California">California</option>
            <option value="Colorado">Colorado</option>
            <option value="Connecticut">Connecticut</option>
            <option value="Delaware">Delaware</option>
            <option value="District of Columbia">District of Columbia</option>
            <option value="Florida">Florida</option>
            <option value="Georgia">Georgia</option>
            <option value="Hawaii">Hawaii</option>
            <option value="Idaho">Idaho</option>
            <option value="Illinois">Illinois</option>
            <option value="Indiana">Indiana</option>
            <option value="Iowa">Iowa</option>
            <option value="Kansas">Kansas</option>
            <option value="Kentucky">Kentucky</option>
            <option value="Louisiana">Louisiana</option>
            <option value="Maine">Maine</option>
            <option value="Maryland">Maryland</option>
            <option value="Massachusetts">Massachusetts</option>
            <option value="Michigan">Michigan</option>
            <option value="Minnesota">Minnesota</option>
            <option value="Missouri">Missouri</option>
            <option value="Montana">Montana</option>
            <option value="Nebraska">Nebraska</option>
            <option value="Nevada">Nevada</option>
            <option value="New Hampshire">New Hampshire</option>
            <option value="New Jersey">New Jersey</option>
            <option value="New Mexico">New Mexico</option>
            <option value="New York">New York</option>
            <option value="North Carolina">North Carolina</option>
            <option value="North Dakota">North Dakota</option>
            <option value="Ohio">Ohio</option>
            <option value="Oklahoma">Oklahoma</option>
            <option value="Oregon">Oregon</option>
            <option value="Pennsylvania">Pennsylvania</option>
            <option value="Rhode Island">Rhode Island</option>
            <option value="South Carolina">South Carolina</option>
            <option value="South Dakota">South Dakota</option>
            <option value="Tennessee">Tennessee</option>
            <option value="Texas">Texas</option>
            <option value="Utah">Utah</option>
            <option value="Vermont">Vermont</option>
            <option value="Virginia">Virginia</option>
            <option value="Washington">Washington</option>
            <option value="West Virginia">West Virginia</option>
            <option value="Wisconsin">Wisconsin</option>
            <option value="Wyoming">Wyoming</option>
      </select> <!-- end usDest-->
      </div>

Может быть, я что-то упускаю, но кажется странным, что это будет работать для Firefox, Safari и Internet Explorer 9, но не будет работать в Chrome.

Я также пытался использовать:

  $('#origin').click(function(){
            var origin = $('#origin').val();
            var domestic = 'USA';

            if (origin == domestic) {
                $('#usOrigin').removeClass("invisible");
                $('#usOrigin').addClass("visible");
            } else {
                $('#usOrigin').removeClass("visible");
                $('#usOrigin').addClass("invisible");
            }

с CSS:

.visible {
    display: inline;

}

.invisible {
    display: none;  
}

но это не работает ни в хроме. (работает в других браузерах)

Мы ценим любые предложения.


  • Мой Chrome успешно скрывает и показывает Штаты. 18.05.2012
  • это работает для меня. Когда выбираю другую страну - пропадает контроль формы гос. 18.05.2012

Ответы:


1

Вы можете легко использовать hide() и show() для достижения этого эффекта с помощью jQuery. Но, основываясь на том, что люди публикуют здесь, я предполагаю, что у вас возникла проблема с Incognito Mode, чтобы легко и временно отключить расширения. Запустите режим инкогнито в Chrome с помощью CTRL + SHIFT + N

18.05.2012
  • Это должно быть что-то с моим браузером Chrome. Я пробовал режим инкогнито, и он все еще не работал. Но попробовал на другом компе, вроде работает. Я переустановлю хром и посмотрю, будет ли это иметь значение. Но я буду помнить о hide()/show() в следующий раз. Спасибо. 18.05.2012
  • Никаких ошибок не появляется. Я переустановил хром, но он все еще не работает на моей машине. Пробовал как hide()/show(), так и ответ, предоставленный kalisjoshua, и они оба работали в других браузерах и в хроме на другом компьютере. Когда я нажимаю на опцию страны и выбираю другую страну, она остается темно-серой в течение нескольких секунд, как будто она над чем-то работает, но на самом деле ничего не происходит. Не совсем уверен, что с этим делать на данный момент. Я думаю, что ответ в том, что код в порядке, просто что-то не так с хромом на моем компьютере. 18.05.2012
  • На самом деле это также не работает для Chrome на моем ноутбуке. Так, может быть, дело в OSX Chrome? Поскольку он работает на ПК, я проверил его. 18.05.2012

  • 2

    Вот что я собрал: http://jsfiddle.net/XzQkb/.

    <div>
        <select name="destination" id="destination">
            <option value="USA" selected="selected">USA</option>
            <option value="Canada">Canada</option>
            <option value="Mexico">Mexico</option>
            <option value="Italy">Italy</option>
            <option value="France"> France </option>
            <option value="Spain"> Spain </option>
        </select> <!--end destination-->
    </div>
    <div>
        <select name="usDest" id="usDest">
            <option value="Alabama" selected="selected">Alabama</option>
            <option value="Alaska">Alaska</option>
            <option value="Arizona">Arizona</option>
            <option value="Arkansas">Arkansas</option>
            <option value="California">California</option>
            <option value="Colorado">Colorado</option>
            <option value="Connecticut">Connecticut</option>
            <option value="Delaware">Delaware</option>
            <option value="District of Columbia">District of Columbia</option>
            <option value="Florida">Florida</option>
            <option value="Georgia">Georgia</option>
            <option value="Hawaii">Hawaii</option>
            <option value="Idaho">Idaho</option>
            <option value="Illinois">Illinois</option>
            <option value="Indiana">Indiana</option>
            <option value="Iowa">Iowa</option>
            <option value="Kansas">Kansas</option>
            <option value="Kentucky">Kentucky</option>
            <option value="Louisiana">Louisiana</option>
            <option value="Maine">Maine</option>
            <option value="Maryland">Maryland</option>
            <option value="Massachusetts">Massachusetts</option>
            <option value="Michigan">Michigan</option>
            <option value="Minnesota">Minnesota</option>
            <option value="Missouri">Missouri</option>
            <option value="Montana">Montana</option>
            <option value="Nebraska">Nebraska</option>
            <option value="Nevada">Nevada</option>
            <option value="New Hampshire">New Hampshire</option>
            <option value="New Jersey">New Jersey</option>
            <option value="New Mexico">New Mexico</option>
            <option value="New York">New York</option>
            <option value="North Carolina">North Carolina</option>
            <option value="North Dakota">North Dakota</option>
            <option value="Ohio">Ohio</option>
            <option value="Oklahoma">Oklahoma</option>
            <option value="Oregon">Oregon</option>
            <option value="Pennsylvania">Pennsylvania</option>
            <option value="Rhode Island">Rhode Island</option>
            <option value="South Carolina">South Carolina</option>
            <option value="South Dakota">South Dakota</option>
            <option value="Tennessee">Tennessee</option>
            <option value="Texas">Texas</option>
            <option value="Utah">Utah</option>
            <option value="Vermont">Vermont</option>
            <option value="Virginia">Virginia</option>
            <option value="Washington">Washington</option>
            <option value="West Virginia">West Virginia</option>
            <option value="Wisconsin">Wisconsin</option>
            <option value="Wyoming">Wyoming</option>
        </select> <!-- end usDest-->
    </div>​
    

    а также

    $("#destination").on("change", function () {
        $("#usDest").toggle($(this).val() === "USA");
    });​
    
    18.05.2012
  • Это работает, но не решает проблему, с которой я столкнулся в хроме. Я думаю, что проблема не в коде, а в компьютере. Но это для ответа, я не додумался так написать, буду иметь в виду для будущих проектов 18.05.2012
  • Я работаю в Chrome на Mac для всего этого. Я создал скрипку в Chrome на Mac, и у меня она отлично работает. Скрипка у вас работает? 18.05.2012
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..