在循环中使用Material Design "mdl-tooltip",您可以按照以下步骤进行操作:
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<div id="tooltip1" class="mdl-tooltip mdl-tooltip--large" for="element1">
Tooltip Content 1
</div>
<button id="element1" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" data-mdl-tooltip="#tooltip1">
Button 1
</button>
document.querySelectorAll('.mdl-tooltip').forEach(function(element) {
var tooltip = new MaterialTooltip(element);
});
总结: 在循环中使用Material Design "mdl-tooltip"需要引入MDL库,并为每个需要显示tooltip的元素创建一个唯一的ID,并将其与tooltip元素关联起来。最后,初始化所有的tooltip元素。这样,您就可以在循环中使用Material Design "mdl-tooltip"了。
请注意,由于要求不能提及特定的云计算品牌商,因此无法提供与腾讯云相关的产品和产品介绍链接地址。
领取专属 10元无门槛券
手把手带您无忧上云