我有的:
我有两个文本框。 页面加载的时候,第一个文本框的值被应用到第二位。
我需要的:
我需要更改事件的页面加载时触发。
我的代码:
HTML:
a: <input type="text" id="a" value="x" />
b: <input type="text" id="b" value="y" />
JQuery的:
// Apply value of #a to #b and fire change event...
$('#b').val($('#a').val()).change();
// Listen for the change and alert...
$('#b').on('change', function() {
alert("Change event fired on load.");
});
的jsfiddle:
为了您的方便: http://jsfiddle.net/clarusdignus/rHYLM/
我的问题:
改变事件不点火。
该事件由代码发射后的事件处理程序连接
首先应该是
// Listen for the change and alert...
$('#b').on('change', function() {
alert("Change event fired on load.");
});
// Apply value of #a to #b and fire change event...
$('#b').val($('#a').val()).change();
其次应该是
// Listen for the change and alert...
$('#b').on('change', function() {
alert("Change event fired on load.");
});
// Apply value of #a to #b and fire change event...
$('#b').val($('#a').val()).trigger('change');
你应该触发更改事件。 所以...
$('#b').val($('#a').val()).trigger('change');
此外,你需要告诉JavaScript来exec的这些行文档加载(就绪) 之后 。 这是可以做到包裹在这里面你的代码:
$(函数(){/ *你的代码* /});
至极是一个simplifyed版本:
$(文件)。就绪(函数(){...});