Jquery文本输入行为搞笑
Jquery text input acting funny
我有以下jQuery在单击时修改表格单元格 - 它将使用户能够填写文本输入并在输入时返回正常<td>
。
.HTML-
<td class="delivered">
{{ title.delivery_date|date:"Y-m-d" }}
</td>
.JS-
$("td.delivered").click(function () {
if ($(this).find('#inp').length == 0) {
var before = $(this).text();
var title_id = $(this).parent().attr('id');
var status_type = 'delivery-date'
$(this).html($("<input/>", {
id: 'inp',
style: 'width:70px;',
placeholder: 'YYYY-MM-DD',
change: function () {
selectdone(this, title_id, status_type);
}
}));
$("#inp").focus();
$('#inp').val(before);
}
});
上面的js有效,但有一个怪癖。
即使输入元素是 70px,它似乎滚动,就好像文本宽度是 200px 左右一样。这样,您在首次单击 td 后无法看到placeholder
。我如何使光标始终向左齐平,并且文本输入在各个方面都是 70px。
更新:这是输入文本并通过POST
:u'status': [u''t't't't't't't't't't't2012-01-01']
发送后输入的外观。换句话说,它似乎从文本输入中的 11 个选项卡开始!为什么会发生这种情况,我将如何摆脱这种情况?
你可以用width:70px;overflow:hidden
将输入框包装在一个div中,这样你就不会看到任何滚动条。
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 名称输入的索引
- 如何编写HTML输入的JS内联
- 要求输入在数据列表中
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 如何将输入(type=text)从html表单传递到javascript函数
- 单击jquery清除输入值
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- jQuery自定义验证比较多个输入的序列
- Sails.js:同时发布文本输入和一个文件
- 使用javascript检查多个输入值,并在1次检查中标记多个输入框
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 使用jquery在单击时在单元格中输入值
- Ajax文件加载和<输入>文件加载
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 将值输入到对象,然后该对象推送到数组
- Jquery文本输入行为搞笑