Блог

Главная - Вопросы по программированию - Событие изменения триггера jQuery не работает в Safari?

Событие изменения триггера jQuery не работает в Safari?

#javascript #jquery

Вопрос:

У меня есть веб-сайт WordPress Woocommerce со скрытым раскрывающимся списком на странице моего продукта, где я программно выбираю опцию из раскрывающегося списка при загрузке страницы.

Эта функция работает на моем рабочем столе в Google Chrome, Firefox и Microsoft Edge. Он также работает на моем телефоне Samsung в Google Chrome. По какой-то причине он не работает на iPhone моих друзей в браузере Safari.

 $(document).ready(function() {
  jQuery('.variations_form').on('wc_variation_form', function() {

    if ($('select#account option').length > 0) {

      var optionsInDropdown = 0;

      console.log($('select#account option'));

      $('select#account option').each(function() {
        if ($(this).hasClass("attached enabled")) {
          console.log($(this).val());
          optionsInDropdown  ;
        }
      });

      console.log(optionsInDropdown);

      if (optionsInDropdown > 1) {
        $('select#account option').each(function() {
          if ($(this).hasClass("attached enabled")) {
            if ($(this).val() == "From scratch") {
              return;
            }
            $(this).attr('selected', 'selected');
            $('select#account').trigger("change");
            console.log("Account "   $(this).val()   " geselecteerd");
            return;
          }
        });
      }

      if (optionsInDropdown == 1) {
        $('select#account option').each(function() {
          if ($(this).hasClass("attached enabled")) {
            $(this).attr('selected', 'selected');
            $('select#account').trigger("change");
            console.log("Account "   $(this).val()   " geselecteerd");
            return;
          }
        });
      }

    }

  });
});

Комментарии:

1. it's not working on my friends iPhone in the Safari browser. Каково ожидаемое поведение, которое не работает?

2. На странице товара есть кнопка «Купить сейчас». Для него это отключено, потому что, похоже, в раскрывающемся списке моей функции нет варианта продукта, выбранного моей функцией, который необходим для того, чтобы кнопка была активной

3. Является ли элемент DOM невидимым на странице? Можете ли вы привести несколько примеров HTML?

4. Выпадающий список «Выбрать» скрыт, это элемент: imgur.com/WTlkEmP

5. Попробуйте заменить все $(this).attr('selected', 'selected'); на $(this).prop("selected",true);

Метки: