当我通过 jQuery 从外部更新输入字段时，jsRender 对象未更新（在旧版本中工作）

Question

我想在外部更新输入字段（通过 jQuery），我希望关联的对象也能更新，就像我只是手动将值键入输入字段一样。

这是我的 html：

<div id="content"></div>    

<button id="btn">Put "Hello" in content.</button>

这是我的模板：

<script id="myTmpl" type="text/x-jsrender">

<div><input type="text" id="title" data-link="{:Title trigger=true:}" /></div>

</script>

这是我的代码：

<script type="text/javascript">

obj = { Title: 'Hey' }

var tmpl = $.templates('#myTmpl');

tmpl.link('#content', obj);

$('#btn').click(function() {

    $('#title').val('Hello').change();

});

</script>

问题是当我按下按钮时，值正确进入输入字段但对象 (obj) 未更新（当我在调试器中查看它时）。当我直接在输入字段中键入值时，对象会正确更新。这里的正确方法是什么。

有趣的是，在我将 jsViews 版本从 0.9.71 更改为 1.0.7 之前，它一直正常工作。

这是 0.9.71 的版本： https: //jsfiddle.net/zhsmn1eg/ 这是 1.0.7 的版本： https: //jsfiddle.net/zhsmn1eg/1/

Answer 1

行为上的差异是因为早期版本会监听s 上的change或keydown事件<input>以触发可观察到的数据更改。随后HTML5input事件变得可用，并且是响应任何值更改的首选事件<input>。JsViews 的更高版本使用该input事件。调用$('#title').val('Hello').change();会引发change事件，但不会引发input事件。您可以input使用以下方法直接引发事件：$('#title').val('Hello').trigger('input');或者，您可以将触发器设置为false全局或本地。调用$('#title').val('Hello').change();将触发数据更新。（但是输入输入现在只会触发blur/上的数据更新change，而不是 上的keydown）。