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 相关文章推荐
javascript的函数
Jan 31 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
微信小程序之电影影评小程序制作代码
Aug 03 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
vue鼠标悬停事件实例详解
Apr 01 Javascript
element-ui多文件上传的实现示例
Apr 10 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
Aug 27 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
原生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
php 什么是PEAR?(第二篇)
2009/03/19 PHP
php 多线程上下文中安全写文件实现代码
2009/12/28 PHP
php中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
PHP静态文件生成类实例
2014/11/29 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
2017/01/23 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
node前端模板引擎Jade之标签的基本写法
2018/05/11 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
利用Dectorator分模块存储Vuex状态的实现
2019/02/05 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
vue 图片裁剪上传组件的实现
2020/11/12 Javascript
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
用Python编写分析Python程序性能的工具的教程
2015/04/01 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
Django框架中的对象列表视图使用示例
2015/07/21 Python
举例简单讲解Python中的数据存储模块shelve的用法
2016/03/03 Python
Android分包MultiDex策略详解
2017/10/30 Python
tensorflow实现KNN识别MNIST
2018/03/12 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
python实现处理mysql结果输出方式
2020/04/09 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
应届大学生求职信
2013/12/01 职场文书
大学生活学习的自我评价
2013/12/03 职场文书
车间主任岗位职责
2014/03/16 职场文书
村党支部换届选举方案
2014/05/02 职场文书
校本研修个人总结
2015/02/28 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python
德生BCL3000抢先使用感受和评价
2022/04/07 无线电
Django框架模板用法详解
2022/06/10 Python