编程 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 相关文章推荐

z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)

Nov 16 Javascript

js实现网页标题栏闪烁提示效果实例分析

Nov 20 Javascript

jQuery实现移动和渐变特效的点击事件

Feb 26 Javascript

JavaScript实现简洁的俄罗斯方块完整实例

Mar 01 Javascript

轻松掌握JavaScript单例模式

Aug 25 Javascript

jQuery插件实现可输入和自动匹配的下拉框

Oct 24 Javascript

Node.js readline模块与util模块的使用

Mar 01 Javascript

jQuery插件实现弹性运动完整示例

Jul 07 jQuery

angular4 获取wifi列表中文显示乱码问题的解决

Oct 20 Javascript

详解JavaScript原生封装ajax请求和Jquery中的ajax请求

Feb 14 jQuery

在Vue项目中使用snapshot测试的具体使用

Apr 16 Javascript

原生JavaScript实现日历功能代码实例(无引用Jq)

Sep 23 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下载远程文件类(支持断点续传)

2008/11/14 PHP

php检测用户是否用手机(Mobile)访问网站的类

2014/01/09 PHP

php字符串函数学习之strstr()

2015/03/27 PHP

PHP记录页面停留时间的方法

2016/03/30 PHP

tp5框架基于ajax实现异步删除图片的方法示例

2020/02/10 PHP

thinkphp框架无限级栏目的排序功能实现方法示例

2020/03/29 PHP

javascript学习网址备忘

2007/05/29 Javascript

推荐一些非常不错的javascript学习资源站点

2007/08/29 Javascript

CCPry JS类库代码

2009/10/30 Javascript

JS常见问题整理(持续更新)

2013/08/06 Javascript

ExtJS实现文件下载的方法实例

2013/11/09 Javascript

Javascript 按位取反运算符 (~)

2014/02/04 Javascript

使用GruntJS构建Web程序之构建篇

2014/06/04 Javascript

jQuery实现腾讯信用界面(自制刻度尺)样式

2017/08/15 jQuery

Vue渲染函数详解

2017/09/15 Javascript

vue组件（全局，局部，动态加载组件）

2018/09/02 Javascript

微信小程序new Date()方法失效问题解决方法

2019/07/29 Javascript

解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)

2020/05/03 Javascript

VsCode里的Vue模板的实现

2020/08/12 Javascript

用python实现百度翻译的示例代码

2018/03/09 Python

Tensorflow 卷积的梯度反向传播过程

2020/02/10 Python

设置jupyter中DataFrame的显示限制方式

2020/04/12 Python

python新手学习使用库

2020/06/11 Python

Python Scrapy图片爬取原理及代码实例

2020/06/12 Python

Html5 Canvas动画基础碰撞检测的实现

2018/12/06 HTML / CSS

What's the difference between an interface and abstract class? (接口与抽象类有什么区别)

2012/10/29 面试题

企划经理的岗位职责

2013/11/17 职场文书

过程装备与控制工程专业个人的求职信

2013/12/01 职场文书

如何编写优秀的食品项目创业计划书

2014/01/23 职场文书

英语课前三分钟演讲稿

2014/08/19 职场文书

2014年党员自我评议总结

2014/09/23 职场文书

高校自主招生自荐信2015

2015/03/04 职场文书

民事撤诉申请书范本

2015/05/18 职场文书

python实现的人脸识别打卡系统

2021/05/08 Python

Python爬虫入门案例之回车桌面壁纸网美女图片采集

2021/10/16 Python

动画「进击的巨人」第86话播出感谢绘公开

2022/03/21 日漫