jQuery .data()不更新HTML5数据属性

发布时间:2020-09-15 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了jQuery .data()不更新HTML5数据属性编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用jQuery向div添加“data-bind”属性,如下所示:

var messageViewModel = {
    data: ko.observable({   
        message: response.message,sendDateFmted: response.sendDateFmted,messageId: response.messageId
    })
     };

$("<div>",{
    class:"messageToAndFromOtherMember"
}).data("bind","template: { name: 'message-template',data: data }").appendTo("#messagesToAndFromOtherMember");

ko.applyBindings(messageViewModel);

KnockoutJs需要“data-bind”.但是我得到的只是这个空div:

<div class="messageToAndFromOtherMember"></div>

请注意,没有data-bind这样的属性,因此div保持为空…

解决方法

jQuery的 .data()将值存储在内存中,并使用data- *属性进行初始化.您可能希望通过在元素创建时设置它来坚持下去.

$("<div/>",{
  class: "messageToAndFromOtherMember","data-bind": "template: { name: 'message-template',data: data }"
}).appendTo("#messageToAndFromOtherMember");

总结

以上是编程之家为你收集整理的jQuery .data()不更新HTML5数据属性全部内容,希望文章能够帮你解决jQuery .data()不更新HTML5数据属性所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!