在onfocus上,Twitter Bootstrap标签输入不会删除占位符

Question

从昨天开始,我一直在摸不着头脑,这是我无法解决的问题.我是Twitter Bootstrap的新手,直到昨天一切顺利.

我使用的是最新的JQuery v1.11.1和Twitter Bootstrap v3.3.1.昨天我从这里下载了Bootstrap Tags Input:http://timschlechter.github.io/bootstrap-tagsinput/examples/

该插件有效,我已经改变了CSS样式以匹配我的页面布局,但我遇到的问题是占位符属性在焦点上不会消失.如果我输入标签并添加逗号值,占位符将显示,直到我开始输入,然后它将再次消失.

我尝试使用JQuery onfocus函数在onfocus时删除属性,但它没有做任何事情.我想要实现的是,当onfocus时,占位符在该点上不会显示甚至模糊.

我的输入字段如下所示:

<input type="text" name="customer_tags" id="customer_tags" value="" placeholder="Enter you tags" data-role="tagsinput" required />

Answer 1

两年后,但我找到了如何解决这个问题.首先,如果您检查DOM,您将看到一个新的输入文本,它继承了我们的占位符文本,但没有额外的函数onblur,onfocus,以前所有人都提到过.

<div class="bootstrap-tagsinput">
<input placeholder="text inherited from our input" size="23" type="text">
</div>

然后,要解决此问题,您必须创建一个jquery函数来指向该输入.像这样:

$('.bootstrap-tagsinput input').blur(function(){jQuery(this).attr('placeholder', '')})

指向带有"bootstrap-tagsinput"类的元素,然后指向"input"对象.如果您愿意,也可以添加.focus功能.在我的情况下,当用户离开对象并且输入标签看起来干净而没有占位符时起作用.