jQuery TextExt:最大高度和滚动条
jQuery TextExt: max height and scrollbar
我正在使用jQuery TextExt插件(http://textextjs.com/)创建一个输入字段,用户可以在其中输入语言作为标签,类似于Facebook输入标签的方式。
总的来说,该插件效果很好。
然而,我遇到了一个障碍,我似乎无法克服。我在输入字段上使用 TextExt,如下所示:
<script type="text/javascript">
$('#id_languages').textext({
plugins : 'tags prompt suggestions arrow autocomplete',
tagsItems : ['English'],
suggestions : languages, //variable set earlier
prompt : 'Add more here...',
});
</script>
这应该工作。现在,我添加的标签越多,输入字段的增长就越多(如预期的那样)。
但是,在某些时候,它会超出我给定布局中可接受的高度。
有没有一种使用 TextExt 指定输入元素的最大高度并添加垂直滚动条的工作方法,而无需在带有滚动条的div 内弹出"建议"下拉列表?
我希望这是有道理的,我现在自己有点困惑。
我已经
检查了源代码,没有地方可以更改它来完成您需要的东西,而无需黑客攻击。
最接近的答案是限制每个输入的标签数量,这可以是按照这里描述完成: 如何限制 textExt 插件的输入总数?
$('#id_languages').textext({
plugins : 'tags autocomplete',
tagsItems : Sourcearray,
ext: {
tags: {
addTags: function(tags) {
if(checkLength()) {
$.fn.textext.TextExtTags.prototype.addTags.apply(this, arguments);
}
}
}
}
});
这是验证函数checkLength()
:
function checkLength(){
if($("#id_languages").next().children().length < 4){
return true;
}
return false;
}
其中数字 4 是允许的标签数。
如果这不能令人满意,您将不得不入侵textext.core.js
并textext.plugin.tags.js
并寻找以下功能:
invalidateBounds()
,preInvalidate()
和postInvalidate()
,玩高度操纵。
相关文章:
- 当canvas's的高度超过屏幕's的高度(当滚动条出现时)
- 在没有滚动条的情况下,使整个页面滚动到顶部某个高度以下
- 如何“;“修复”;显示滚动条时的容器元素高度
- 获取占x滚动条高度的窗口内部高度
- 我想比较滚动条的高度和文档的高度
- 无限滚动,滚动条高度恒定
- CSS:为什么我有一个100%高度的滚动条
- JQuery:手风琴高度样式:填充导致垂直滚动条
- jQuery 获取文档宽度和高度,不包括水平/垂直滚动条
- 将画布元素的高度和宽度设置为 window.innerHeight/innerWidth 导致滚动条
- jQuery TextExt:最大高度和滚动条
- 使用图像作为webkit滚动条 - -webkit-scrollbar-track-piece的最小高度
- 高度 100% 自定义滚动条
- jQuery scrollTop 不适用于具有高度和滚动条的 HTML 元素
- javascript计算滚动条高度
- Tablesorter滚动条's的高度在触发更新后保持不变
- D3使用滚动条进行缩放,滚动条宽度和高度可根据缩放比例进行调整
- 如何更改滚动条's在此网站上的高度
- 如何使Bootstrap jQuery数据表响应和增加/减少滚动条高度根据页面的大小
- 获取滚动条在javascript中出现的高度