首頁猿問當我通過 jQuery...

當我通過 jQuery 從外部更新輸入字段時，jsRender 對象未更新（在舊版本中工作）

JavaScript

慕田峪7331174 2023-04-27 16:33:53

我想在外部更新輸入字段（通過 jQuery），我希望關聯(lián)的對象也能更新，就像我只是手動將值鍵入輸入字段一樣。這是我的 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/

查看完整描述

1 回答

慕森卡

TA貢獻1806條經(jīng)驗獲得超8個贊

行為上的差異是因為早期版本會監(jiān)聽s 上的change或keydown事件<input>以觸發(fā)可觀察到的數(shù)據(jù)更改。隨后HTML5input事件變得可用，并且是響應任何值更改的首選事件<input>。JsViews 的更高版本使用該input事件。

調用$('#title').val('Hello').change();會引發(fā)change事件，但不會引發(fā)input事件。

您可以input使用以下方法直接引發(fā)事件：

$('#title').val('Hello').trigger('input');

或者，您可以將觸發(fā)器設置為false全局或本地。調用$('#title').val('Hello').change();將觸發(fā)數(shù)據(jù)更新。（但是輸入輸入現(xiàn)在只會觸發(fā)blur/上的數(shù)據(jù)更新change，而不是上的keydown）。