Tag: css具体

无法在gridstack中使用materializecss选择框选择选项

我有一个gridstack网格，在窗口小部件中有许多输入元素。 这些输入是materializecss输入元素。 当一个小的gridstack-widget中有一个selectbox（选项下拉列表溢出小部件边框）时，不能选择另一个小部件上的选项。 最初下拉列表位于以下小部件下，因此我将小部件的z-index设置为更高的值： $(“.select-dropdown”).on(“focusin”,function(){ $(this).parents(“.grid-stack-item”).addClass(“active-grid-stack-item”); }); $(“.select-dropdown”).on(“focusout”,function(){ $(this).parents(“.grid-stack-item”).removeClass(“active-grid-stack-item”); }); 的jsfiddle 如何选择所有选项？

materializeCSS可折叠活动更改图标。

我正在寻找一些可折叠的帮助我试图在它们处于活动状态时更改标题上的图标但是似乎无法解决问题，如果我点击另一个标题而不关闭第一个显示正确图标的标题。 这是一个包含我的问题示例的codepen。 http://codepen.io/FPC/pen/xZEWVY 这是我的代码： expand_more expand_less Article Title Content Snipit expand_more expand_less Article Title Content Snipit expand_more expand_less Article Title Content Snipit 这是我正在使用的JS $(document).ready(function(){ $( “.collapsible-header” ).click(function() { $(“.more”,this).toggle() $(“.less”, this).toggle() }); });

如何在materialize css框架中动态修改

我刚开始使用materialize css框架。 现在，materialize将任何select标签转换为ul和li元素的集合。 之前，使用JQuery，我能够做到这一点： var $selectDropdown = $(“#dropdownid”); $selectDropdown.empty(); $selectDropdown.html(‘ ‘); var value = “some value”; $selectDropdown .append($(“”).attr(“value”,value).text(value)); 我的html只是一个示例选择标记： 以前，这是有效的。 现在它失败了。 使用javascript动态重新填充此下拉列表的替代方法是什么？