更改两个输入字段的属性

Question

我使用jQuery向这些输入字段添加属性时遇到一些问题:

<input id='timetable_start'>
<input id='timetable_finish'>

<script>
attributes = {
    "class": "reloj",
    "maxlength": "5",
    "pattern": "^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$",
    "size": "6",
    "type": "text"
};

$('#timetable_finish').attr(attributes);
$('#timetable_start').attr(attributes);
</script>

为什么只有一个被改变？我错过了什么？在此先感谢您的时间
链接:http: //jsbin.com/iqipan/4/edit

Answer 1

因为在尝试设置第一个输入字段的属性时,代码会引发错误:

未捕获错误:无法更改类型属性.

type从对象中删除,一切都会好起来的.

有些浏览器(我猜IE)不允许input在创建元素后更改元素的类型,因此如果您尝试这样做,jQuery会抛出异常.请参阅使用jQuery更改输入字段的类型.