Materialise CSS Wählen Sie nicht Schließen nach Auswahl des Elements

Question

Ich verwende materialize CSS. Ich habe eine Registerkarte erstellt und ein Auswahlelement darin eingefügt. Aber es schloss nicht nach der Auswahl des Elements. Ich benutze materialize 0.98.

Wenn ich es außerhalb der Registerkarte setzen, dann funktioniert es.

Hier ist mein Code:

Mein Scrtipt

<script> 
     $(document).ready(function(e) { 
      $('ul.tabs').tabs({'swipeable': true}); 
      $("select").material_select(); 
     }); 
    </script> 

Html-Code:

<div class="main mainContentMargin"> 
      <div class="row"> 
       <!-- This will Work--> 
       <div class="col s12 input-field"> 
        <select id="company_select1" name="company_select1"> 
         <option value="-1" selected>Select Company</option> 
         <option value="1">1</option> 
         <option value="2">2</option> 
        </select> 
        <label>Select Company</label> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="card col s12 medium"> 
        <ul id="tabs-swipe-demo" class="tabs tabs-fixed-width" style="margin-bottom: 1%"> 
         <li class="tab col s6"><a href="#test-swipe-1">To Supplier</a></li> 
         <li class="tab col s6"><a href="#test-swipe-2">Using Product</a></li> 
        </ul> 
        <div id="test-swipe-1" class="col s12"> 
         <!-- This will Work but not closing the dropdown--> 
         <div class="row"> 
          <div class="col s12 input-field"> 
           <select id="company_select" name="company_select"> 
            <option value="-1" selected>Select Company</option>                     
              <option value="1">1</option> 
              <option value="2">2</option> 
           </select> 
           <label>Select Company</label> 
          </div> 
         </div> 
        </div> 
        <div id="test-swipe-2" class="col s12"> 

        </div> 
       </div> 
      </div> 
     </div> 

Answer 1

Dropdown endet nicht, weil wir Registerkarte Wischbare machen. Aus diesem Grund wurde das Dropdown-Klick-Ereignis auf der Registerkarte erfasst.

Ich habe gerade die stopPropogation Option in Drop-Down auf true und es funktioniert

$(document).ready(function(e) { 
    $('ul.tabs').tabs({'swipeable': true}); 
    $("select").material_select({"stopPropagation":true}); 
});