Можно ли вызвать всплывающее окно в элементе выбора с помощью Semantic-UI

Question

Я попробовал всплывающее окно в кнопке, ввод с использованием semantic-ui, и он работает совершенно нормально, но когда я попробовал его в select, он не работает. есть идеи почему?

Вот мой HTML-код:

      <div class="field">
        <label>Machine No.</label>
        <select class="ui fluid dropdown" id="machine_no" name="machine_no">
         <option selected value="">Select Machine No.</option>
         <option  value="1">1</option>
         <option  value="2">2</option>
         </select>
      </div>

Вот мой код JS:

   $('#machine_no').popup({
     inline     : true,
     hoverable  : true,
     on         : 'hover',
     position   : 'top center',
     delay: {
     show: 100,
     hide: 300
     },
     title: 'testing'

   });

Answer 1

Решение этой проблемы заключается в удалении этого кода:

$('.ui.dropdown').dropdown({
on: 'hover'
});

Вот HTML-код:

 <div class="field">
    <label>Machine No.</label>
    <select class="ui fluid dropdown" id="machine_no" name="machine_no">
     <option selected value="">Select Machine No.</option>
     <option  value="1">1</option>
     <option  value="2">2</option>
     </select>
  </div>

вот код JQuery:

$(document).ready({
    $('#machine_no').popup({
    inline     : true,
    hoverable  : true,
    on         : 'hover',
    position   : 'top center',
    delay: {
    show: 100,
    hide: 300
    },
    title: 'testing'

   });
});