2016/03/06

[CSS][Material Design Lite]動的にアップデートする

もともと、下のようなソースコードがあったとする。

<button class="mdl-button mdl-js-button mdl-button--raised">
  Button
</button>
で、jQueryからaddClassでmdl-button--coloredを追加してもボタンに色はつかない。

そこで、更新するためには、componentHandler.upgradeElementを実行すればおk
var $button = $('button');
$button.addClass('mdl-button--colored');
componentHandler.upgradeElement($button[0]);

0 コメント:

コメントを投稿