谷歌浏览器中的 Materialize 选择下拉问题

Posted 2023-01-13

我正在使用WordPress中的Materialize做一个项目。

一切都很好，但是当我们试图在Google Chrome浏览器中实现时遇到了一个问题。

以下是我的代码

    <div class="input-field col s12">
        <select>
            <option>Value 1</option>
            <option>Value 2</option>
            <option>Value 3</option>
            <option>Value 4</option>
            <option>Value 5</option>
       </select>
 </div>

这里是jQuery代码

<script type="text/javascript">
    jQuery(document).ready(function ($) 
        $('select').material_select();
    );
</script>

当我在Google Chrome浏览器中运行我的项目时，在控制台中我面临着这个问题。

如果有人有这方面的信息，那就太好了。

谢谢！我正在做一个项目，在WordPress中使用Materialize。

答案

你需要给你的 options a value 属性。

试试。

   <select>
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
        <option value="4">Value 4</option>
        <option value="5">Value 5</option>
   </select>

另一答案

你在代码中使用了不同的jquery标识符(jQuery & $).我检查了一下，这在firefox上可以正常工作，但在chrome上会出错，试着把它改成 "jQuery & $"。

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

不知道是否解决了问题，但正确的使用方法是如上。

另一答案

我有这个同样的问题。它是工作，然后停止。下面是我如何解决它在我的端。

<select class="browser-default">
    <option>OPTION 1</option>
    <option>OPTION 2</option>
</select>