Materialisieren CSS select-Anweisung nicht angezeigt

Obwohl diese Frage schon gefragt wurde in diesem thread:

Materialisieren CSS - Wählen Sie Scheint nicht zu Erbringen

Ich bin Probleme mit, wo dieser code:

$(document).ready(function() {
    $('select').material_select();
});

Im moment die logischste was ich mir vorstellen kann ist, platzieren Sie es so auf:

<body>
  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/materialize.min.js">
    $(document).ready(function() {
        $('select').material_select();
    });
  </script>

  <div class="input-field col s12">
    <select>
      <option value="" disabled selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
  </div>
</body>

Ich habe versucht, das "Dokument" der name des Dokuments, in diesem Fall "index", aber es funktioniert immer noch nicht.

Bin ich einfach nur zu langsam?

Vielen Dank im Voraus.

InformationsquelleAutor Constantly Confused | 2015-11-24

  1. 8

    Versuchen Sie dies: 

    <body>
  <div class="input-field col s12">
    <select>
      <option value="" disabled selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
  </div>
  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/materialize.min.js"></script>
  <script>
     $(document).ready(function() {
        $('select').material_select();
    });
  </script>

</body>
    Yep, das ist es getan. Tausend Dank, ich finde das sollte schon geklärt.
    danke, ich hatte das gleiche problem. Die Aktualisierung der jquery auf version 2.1.1 ist die Antwort. Ändern Sie die <select class="browser-default"> arbeitete in der älteren version des jquery, aber ich war nicht zufrieden mit ihm.

    InformationsquelleAutor arnoudhgz

  2. 0

    ich hatte dasselbe problem in 2019, diese Antworten geholfen, aber ein kleines update Ursache des Materialisieren version aktualisiert
    M wählen Sie die form und sind besser als die browser-Voreinstellung:)

    nun der code für die Initialisierung geändert wird 

      $(document).ready(function(){
    $('select').formSelect();
  });

    https://materializecss.com/select.html

    InformationsquelleAutor Robin Jiao

Schreibe einen Kommentar