编程 Javascript

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无效传递参数失败的解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

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

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

直接生成打开窗口代码，不必下载

May 14 Javascript

IE 下的只读 innerHTML

Aug 21 Javascript

JQuery下的Live方法和$.browser方法使用代码

Jun 02 Javascript

jQuery 验证插件 Web前端设计模式(asp.net)

Oct 17 Javascript

js中创建对象的几种方式示例介绍

Jan 26 Javascript

AngularJS实现全选反选功能

Dec 08 Javascript

详解JavaScript的AngularJS框架中的作用域与数据绑定

Mar 04 Javascript

三种Node.js写文件的方式

Mar 08 Javascript

ES6新特性四：变量的解构赋值实例

Apr 21 Javascript

jQuery实现可兼容IE6的滚动监听功能

Sep 20 jQuery

Vuex,iView UI面包屑导航使用扩展详解

Nov 04 Javascript

Vue中强制组件重新渲染的正确方法

Jan 03 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

Chrome Form多次提交表单问题的解决方法

2011/05/09 Javascript

Prototype源码浅析 Enumerable部分(二)

2012/01/18 Javascript

JavaScript中最简洁的编码html字符串的方法

2014/10/11 Javascript

javascript先序遍历DOM树的方法

2016/02/27 Javascript

JavaScript关于提高网站性能的几点建议(一)

2016/07/24 Javascript

onmouseover事件和onmouseout事件全面理解

2016/08/15 Javascript

jQuery 的 ready()的纯js替代方法

2016/11/20 Javascript

Javascript 闭包详解及实例代码

2016/11/30 Javascript

vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

2020/10/26 Javascript

AngularJS动态绑定ng-options的ng-model实例代码

2017/06/21 Javascript

基于Particles.js制作超炫粒子动态背景效果(仿知乎)

2017/09/13 Javascript

vue 下列表侧滑操作实例代码详解

2018/07/24 Javascript

layui导出所有数据的例子

2019/09/10 Javascript

vue-router为激活的路由设置样式操作

2020/07/18 Javascript

Vue elementui字体图标显示问题解决方案

2020/08/18 Javascript

Python基于百度AI的文字识别的示例

2018/04/21 Python

Python异常处理操作实例详解

2018/05/10 Python

画pytorch模型图,以及参数计算的方法

2019/08/17 Python

python实现证件照换底功能

2019/08/20 Python

Python封装成可带参数的EXE安装包实例

2019/08/24 Python

python global关键字的用法详解

2019/09/05 Python

基于CentOS搭建Python Django环境过程解析

2020/08/24 Python

使用Python操作MySQL的小技巧

2020/09/10 Python

纯css3制作的火影忍者写轮眼开眼至轮回眼及进化过程实例

2014/11/11 HTML / CSS

美国专业级皮肤病和spa品质护肤品的高级零售网站：SkinCareRx

2017/02/06 全球购物

美国知名生活购物网站：Goop

2017/11/03 全球购物

美国演唱会和体育门票购买网站：Ticketnetwork

2018/10/19 全球购物

财务助理岗位职责

2013/11/10 职场文书

大四本科生的自我评价

2013/12/30 职场文书

《数星星的孩子》教学反思

2014/04/11 职场文书

个人租房协议书范本

2014/09/30 职场文书

先进党支部事迹材料2016

2016/02/26 职场文书

本地通过nginx配置反向代理的全过程记录

2021/03/31 Servers

mysql死锁和分库分表问题详解

2021/04/16 MySQL

MySQL如何构建数据表索引

2021/05/13 MySQL

详解Redis复制原理

2021/06/04 Redis