Блог

Главная - Вопросы по программированию - Как исправить выпадающее меню, не работающее в Firefox quantum

Как исправить выпадающее меню, не работающее в Firefox quantum

#javascript #jquery #drop-down-menu #firefox-quantum

#javascript #jquery #выпадающее меню #firefox-quantum

Вопрос:

На моем веб-сайте есть выпадающее меню, которое не работает с Firefox Quantum, но работает при использовании Safari или Chrome. Вот ссылка на страницу, это «выберите размер для вашей печати», которая не работает:https://www.alaincombemorel.com/prints-for-sale/tre-cime-di-lavaredo-2 Связано ли это с некоторыми ошибками кодирования на моей стороне или это какие-то настройки в Firefox, которые не позволяют меню работать?

Я попытался внести веб-сайт в белый список в параметрах Firefox (всплывающее окно, файлы cookie и т. Д.), Чтобы не превалировать

 jQuery(document).ready(function() {
  jQuery("select").change(function() {
    var selected = jQuery(this).find('option:selected');
    jQuery('#foo').html(selected.data('foo'));
  }).change();
  jQuery("select").change(function() {
    if (jQuery(this).val() == '1') {
      jQuery('#small').show();
      jQuery('#medium').hide();
      jQuery('#large').hide();
    } else if (jQuery(this).val() == '2') {
      jQuery('#small').hide();
      jQuery('#medium').show();
      jQuery('#large').hide();
    } else if (jQuery(this).val() == '3') {
      jQuery('#small').hide();
      jQuery('#medium').hide();
      jQuery('#large').show();
    } else {
      jQuery('#small').hide();
      jQuery('#medium').hide();
      jQuery('#large').hide();
    }
  });
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Here is the code I am using:

<div class="print-order">
  <table class="print-select">
    <tr>
        <td>
        <h6>Select a size for your print:</h6>
        </td>
        <td>
        <select id="select">
          <option value="0" data-foo="">Select:</option>
                    <option value="1" data-foo=" price: 100€ ">24x30cm</option>
                  <option value="2" data-foo=" price: 150€ ">30x40cm</option>
                  <option value="3" data-foo=" price: 200€ ">40x50cm</option>
      </select>
      </td>
    </tr>
  </table>
</div>
<!-- print order -->

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

1. Я сделал вам фрагмент — пожалуйста, измените панель html, чтобы она содержала HTML вместо PHP (просмотр исходного кода)

Ответ №1:

Хорошо, итак, я нашел виновника: это был плагин (Wp-Copyright pro) У меня было, которое блокировало выпадающее меню. Я отключил плагин, и теперь все работает. С уважением, Ален