亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

慕田峪7331174 2023-04-27 16:33:53
我想在外部更新輸入字段(通過 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/
查看完整描述

1 回答

?
慕森卡

TA貢獻1806條經驗 獲得超8個贊

行為上的差異是因為早期版本會監聽s 上的changekeydown事件<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)。


查看完整回答
反對 回復 2023-04-27
  • 1 回答
  • 0 關注
  • 112 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號