Question

我正在尝试实施floatlabels但由于某种原因我无法让它发挥作用。

以下是我所做的：

首先我调用JS文件

<script src="js/floatlabels.min.js"></script>

然后是剧本

  <script>
    $('input.floatlabel').floatlabel();
</script>

然后是标签

<input type="text" id="test-input" placeholder="This is the placeholder" class="floatlabel">

...。但没有任何反应......有什么想法？我相信我遵循了指示......

非常感谢你的帮助

Answer 1

也许您需要先等待所有内容加载：

$(function() {
    $('input.floatlabel').floatlabel();
});

因为如果你在控制台中运行该命令，它会正确绑定并运行。

Answer 2

它只是添加到$(document).ready：

$(document).ready(
    function(){
        $('input.floatlabel').floatlabel();
    });

Answer 3

<script>
   $('input.floatlabel').floatlabel();
</script>

那应该是

此

<script>
  $(function(){ // document.ready
    $('input.floatlabel').floatlabel();
  });
</script>