data-mdl-for
の場合、id
の代わりにclass
を使用して、JavaScriptで複数のツールチップを使用する必要があります。私のツールチップボタンはJSONによって生成されます。Material Design LiteのツールチップにIDの代わりにclassを使用するには?
<button id="tooltip" class="mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons lighticon">content_copy</i>
<div class="mdl-tooltip mdl-tooltip--left" data-mdl-for="tooltip">
Copy
</div>
</button>
これはうまくいきますが、上記の複数のボタン要素を使用する必要があります。このid
のボタンとdata-mdl-for
をJavascriptに変換し、ツールチップにはquerySelector
またはgetElementsByClassName
のようなものを使用しますか?
var a = document.querySelector('.mdl-button');
a.data-mdl-for = "tooltip"
これは間違ったスクリプトですが、これが本当に必要なことを説明することができます。 data-mdl-for
を使用する代わりにJavaSriptを使用するツールチップが必要です。または、data-mdl-for
をjavascriptで指定し、ボタンクラスを使用してください。
【のsetAttribute(https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute)および[のgetAttribute(https://で現像.mozilla.org/en-US/docs/Web/API/Element/getAttribute)に '-'を付けて属性を設定します。 –
@Emil S例を表示できますか? – shmshd17