问答

使用模板引擎后,jQuery的html/css方法失效如何解决?

作者:admin 2021-06-21 我要评论

项目背景: bootstrap框架,jQuery库,template-web.js 问题背景: 整个页面的HTML代码都写在script标签内,然后使用template加入数据再渲染到页面。 模板中的元...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

项目背景:bootstrap框架,jQuery库,template-web.js
问题背景:整个页面的HTML代码都写在script标签内,然后使用template加入数据再渲染到页面。
模板中的元素使用jQuery语法$("#id").event()绑定的事件和html处理方法会失效,鼠标点击事件和聚焦事件等可以通过委托给父元素的方法处理,那么html处理方法(比如addClass)该怎么办呢

###

不影响吧,你后插入到页面的元素照样可以通过 $ 选择到,事件要使用委托是因为,事件绑定是在一开始就执行了的,而你的页面是后面再插入的,自然就没办法响应事件,你也可以在模板选然后插入到 DOM 树前给他绑定一下事件,也就可以不用委托了。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用模板引擎后,jQuery的html/css方法

    使用模板引擎后,jQuery的html/css方法

  • 同样使用js调用vue为什么内嵌可以,调

    同样使用js调用vue为什么内嵌可以,调

  • compression-webpack-plugin到底有没有

    compression-webpack-plugin到底有没有

  • VueJs循环生成多行多列使用v-model绑定

    VueJs循环生成多行多列使用v-model绑定

腾讯云代理商
海外云服务器