Не работает плагин Jquery Waves. Как исправить?

Question

[Юрий Ерусалимский]

Ссылка на мою попытку запуска
Есть такой плагин, называется Jquery Waves. Как показано на примерах, должна появляться некая волна на кликабельном объекте. Интересно, что на сайте разработчика в моём Google Chrome эффект замечательно работает, но стоило мне попробовать, как скрипт не захотел работать. Я сделал простой пример, вроде следуя инструкциям разработчика, но мои попытки не работают. Я вижу, что скрипт работает, меняется HTML содержимое, добавляются CSS классы. Но в этом абсолютно голом виде скрипт не может делать то, что от него требуется. Подскажите, что я упустил?

Answer 1

[seriogja]

Как давно браузеры некомпиленный less читают? :)

<link rel="stylesheet" type="text/css" href="waves.less">

Плюсом к этому в файле нет ничего связанного с плагином, кроме его подключения. <div class="test"></div> не заставит jquery waves работать. Вместо этого нужно было

<p class="text-center">
    <a class="flat-buttons waves-effect waves-button">Button A</a>
    <button class="flat-buttons waves-effect waves-button">Button B</button>
    <i class="flat-buttons waves-input-wrapper waves-effect waves-button" style="color:rgb(51, 51, 51);background:rgba(0, 0, 0, 0)"><input class="waves-button-input" type="submit" value="Button C" style="background-color:rgba(0,0,0,0);"></i>
</p>