我正在使用 MaterializeCSS 框架制作一个网站，并鼓励出现有时输入无法正确响应的错误。
例如，当单击第一个输入并且针对第二个输入的较高部分时，有时会发生这种情况。如果第一个输入仍然被点击，会发生什么？
看起来
<label>name1</label>
正在造成它。有什么办法可以解决这个问题吗？
这是示例。
是否可以使用 javascript 手动激活标签中的数据错误？
我想做的是检查两个输入字段是否相同，如果不相同则触发标签中的数据错误。
html
<input id="email" type="email" class="validate">
<label for="email">Email</label>
<input id="check_email" type="email" class="validate">
<label for="check_email" data-error="Re-typed email must match">Re-type email</label>
在我的 javascript 中，我基本上检查 check_email 值是否与电子邮件值匹配。如果不是，那就是我想激活数据错误的时候。
我正在为手机制作个人资料用户界面。我为此使用了materialize css..但在我的情况下它不起作用。我的意思是标签不起作用。
所以这是代码。
http://codepen.io/anon/pen/VmmJWv
html：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!DOCTYPE html>
<html>
<head>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<title>Profile</title>
<link rel="stylesheet" href="profile.css">
</head>
<body>
<div class="nav">
</div>
<div class="profile">
<div class="cover-img">
<img id="cover-img" src="https://cdn2.xyztimes.com/wp-content/uploads/2015/05/Material-Wallpaper-11.1-696x407.png" width="100%" height="150px" >
</div>
<div class="profile-meta z-depth-3">
<div class="profile-img">
<img id="profile-img" src="http://orig02.deviantart.net/e65e/f/2016/145/0/f/profile_picture_by_the_spooky_man-da3t6n4.png" height="100px" width="100px">
</div>
<div class="profile-name">
<p class="profile-name">Profile Name</p>
</div>
<div class="profile-id">
<p class="profile-id">Profile ID</p>
</div>
<div class="profile-desc">
<p class="profile-desc">Lorem ipsum dolor sit …我知道如何使用 jquery（如文档中所述）在 materializecss 中选择/激活（以编程方式）选项卡：
$('ul.tabs').tabs('select_tab', 'tab_id');
但是，当我单击按钮时，如何使用 javascript 或 jquery 在 materializecss 中获取活动（选定）选项卡的 ID？
我想要一个像materializecss中的固定动作btn这样的工具栏，但我只是希望它成为我不想它从按钮中弹出的工具栏。有谁知道如何做到这一点？？这里有一些代码来解释。
<footer>
<div class="fixed-action-btn toolbar">
<a class="btn-floating btn-large red">
<i class="large material-icons">mode_edit</i>
</a>
<ul>
<li class="waves-effect waves-light"><a href="#!"><i class="material-icons">insert_chart</i></a></li>
<li class="waves-effect waves-light"><a href="#!"><i class="material-icons">format_quote</i></a></li>
<li class="waves-effect waves-light"><a href="#!"><i class="material-icons">publish</i></a></li>
<li class="waves-effect waves-light"><a href="#!"><i class="material-icons">attach_file</i></a></li>
</ul>
</div>
</footer>设想：
我正在使用 Materializecss 自动完成功能，当我从自动完成框中选择一个项目时，应该触发一个 onchange 事件。
代码：
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s12">
<input type="text" id="autocomplete-input" class="autocomplete" onchange="sendItem(this.value)">
<label for="autocomplete-input">Autocomplete</label>
</div>
</div>
</div>
</div>
<script>
$('input.autocomplete').autocomplete({
data: {
"Apple": null,
"Microsoft": null,
"Google": 'http://placehold.it/250x250'
},
limit: 20,
});
function sendItem(val) {
console.log(val);
}
</script>
问题：
当我键入“AP”并从自动完成中选择“APPLE”时，我需要触发一个传递值“APPLE”的 onchange 事件，但上述程序触发两次 onchange 事件，一次传递“AP”，下一次传递“APPLE” . 我怎样才能触发后一个事件。任何意见将是有益的。谢谢你。
我正在使用 jQuery UI Sortable 来拖放选择菜单。我也使用 MaterializeCSS 作为样式。
当我多次拖动某个元素时，它会在拖动时到达顶部，我想避免这种情况。
我知道其他人也在这里问过同样的问题，但之前给出的答案都没有解决我的问题。
我不知道这是否与容器选项有关：
container: 'parent'
这是我的代码： https: //jsfiddle.net/06je0bs2/1/
Bootstrap multisleect 有全选选项（例如这里）。这可以实现多选吗？
我正在将纯 javascript 库 (materialize.js) 与我的 angular typescript 应用程序集成。在激活 sidenav 时，我需要使用代码。
M.Sidenav.init(document.querySelector('.sidenav'), [])
这有效，并且 sidenav 已启动，但是，由于我没有M在打字稿文件中的任何地方定义任何内容，角度编译器会引发错误
ERROR in src/app/app.component.ts(34,5): error TS2304: Cannot find name 'M'.
有什么办法可以让打字稿忽略这个错误，或者以任何方式修复它？
我在jquery 中使用materlize css version 1.0。
我想通过 jquery 选择一个选项卡，我正在执行以下操作
$(".tabs").tabs("select", "#tabId");
但这似乎不起作用。
我在官方网站上看到以下语法。
$('.tabs').tabs('methodName', paramName);
materialize ×10
javascript ×5
css ×4
html ×4
jquery ×4
angular ×1
autocomplete ×1
jquery-ui ×1
multi-select ×1
node.js ×1
typescript ×1