JS中append字符串包含onclick无效传递参数失败的解决方案


Posted in Javascript onDecember 26, 2016

append后面跟要添加的参数

<i class="fa fa-share pointer" aria-hidden="true" title="分享" onclick="share('${img.imgId}','${img.imgTitle}','${imgCover}','http://www.liuda.tv/selectedImg?imgId=${img.imgId}')"></i>

上面这段代码如果有append添加的话,调用ajax返回参数添加参数到onclick中就会出现数据不能显示,整个js模块失效的情况,原因是onclick参数中如果包含整数又包含字符串的话,必须要给参数加单引号,而单引号在append中有默认成分割符,这样就无法正常输出参数了,即便输出了参数也都是不带单引号的参数,这样的参数会让你写的function不起作用。

解决方案,在append中要写单引号的时候用转义符,要写单引号/'   一个斜杠加单引号才是单引号!

以上所述是小编给大家介绍的JS中append字符串包含onclick无效传递参数失败的解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
js遍历td tr等html元素
Dec 13 Javascript
Three.js源码阅读笔记(光照部分)
Dec 27 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
常用的js验证和数据处理总结
Aug 02 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
Vue 自定义指令实现一键 Copy功能
Sep 16 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
jQuery中getJSON跨域原理的深入讲解
Sep 02 jQuery
vue router 动态路由清除方式
May 25 Vue.js
原生JS实现图片轮播效果
Dec 26 #Javascript
输入框点击时边框变色效果的实现方法
Dec 26 #Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
Dec 26 #Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
Dec 26 #Javascript
Bootstrap 轮播(Carousel)插件
Dec 26 #Javascript
基于ajax与msmq技术的消息推送功能实现代码
Dec 26 #Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 #Javascript
You might like
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
PHP的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
简述php环境搭建与配置
2016/12/05 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
js自动下载文件到本地的实现代码
2013/04/28 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
jQuery 复合选择器应用的几个例子
2014/09/11 Javascript
浅谈JavaScript的全局变量与局部变量
2016/06/10 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
微信小程序开发之自定义tabBar的实现
2018/09/06 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
Python使用functools实现注解同步方法
2018/02/06 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
新闻专业推荐信范文
2013/11/20 职场文书
汽车制造与装配专业自荐信范文
2014/01/02 职场文书
竞争上岗演讲稿
2014/01/05 职场文书
目标责任书范文
2014/04/14 职场文书
道德之星事迹材料
2014/05/03 职场文书
美国留学经济担保书
2014/05/20 职场文书
优秀少先队员主要事迹材料
2014/05/28 职场文书
党员检讨书
2014/10/13 职场文书
就业意向协议书
2015/01/29 职场文书
保研推荐信范文
2015/03/25 职场文书
员工聘用合同范本
2015/09/21 职场文书
Python 内置函数速查表一览
2021/06/02 Python
mysql中DCL常用的用户和权限控制
2022/03/31 MySQL