使用具有单选行为的 Material Design (materializecss) 多选 CSS

Posted 2023-02-22

【中文标题】使用具有单选行为的 Material Design (materializecss) 多选 CSS

【英文标题】：Using Material Design (materializecss) Multiple Select CSS with Mono-Select Behavior

【发布时间】：2020-07-11 02:03:55

【问题描述】：

Materializecss 有一个很酷的多选 CSS。但是当我选择正常的选择列表时，我必须放开那个 CSS。

http://jsfiddle.net/mulgey/48wk502o/11/

在这个例子中，我尝试通过添加来关闭多选：

var instances = M.FormSelect.init(elems, 
  isMultiple: false
);

但它没有工作。

那么您能帮我停用此 CSS 的多选行为吗？

向社区致敬

【参考方案1】：

$( ".input-field span" ).click(function() 
        let selecty = $(this).parent().siblings(".selected");
        selecty.trigger( "click" );
      );

如果您添加此代码，您的多选 CSS 将保留，但作为单选工作。