浮动标签问题答案

【问题标题】：Issue with float labels浮动标签问题
【发布时间】：2014-06-26 20:15:06
【问题描述】：

我正在尝试实现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">

…。但什么也没有发生……有什么想法为什么？我相信我遵循了指示...

非常感谢您的帮助

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

刚刚添加到$(document).ready：

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

【讨论】：

【解决方案3】：

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

应该是这样的

这个

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

【讨论】：