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

浅谈javascript 迭代方法

Jan 21 Javascript

百度UEditor编辑器如何关闭抓取远程图片功能

Mar 03 Javascript

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法

Aug 07 Javascript

分享使用AngularJS创建应用的5个框架

Dec 05 Javascript

微信小程序 Image API实例详解

Sep 30 Javascript

一个例子轻松学会Vue.js

Jan 02 Javascript

JS实现异步上传压缩图片

Apr 22 Javascript

Spring shiro + bootstrap + jquery.validate 实现登录、注册功能

Jun 02 jQuery

纯JS实现出生日期[年月日]下拉菜单效果

Jun 01 Javascript

Javascript 对象（object）合并操作实例分析

Jul 30 Javascript

Vue项目打包、合并及压缩优化网页响应速度

Jul 07 Vue.js

vue 自定义的组件绑定点击事件

Apr 21 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

PHP HTML代码串截取代码

2008/12/29 PHP

PHP 配置文件中open_basedir选项作用

2009/07/19 PHP

php通过array_merge()函数合并关联和非关联数组的方法

2015/03/18 PHP

[HTML/CSS/Javascript]WWTJS

2007/09/25 Javascript

javascript的函数、创建对象、封装、属性和方法、继承

2011/03/10 Javascript

使用js实现按钮控制文本框加1减1应用于小时+分钟

2013/12/09 Javascript

谷歌浏览器不支持showModalDialog模态对话框的解决方法

2014/09/22 Javascript

Jquery网页内滑动缓冲导航的实现代码

2015/04/05 Javascript

原生js实现移动端瀑布流式代码示例

2015/12/18 Javascript

使用jQuery监听DOM元素大小变化

2016/02/24 Javascript

jQuery中的基本选择器用法学习教程

2016/04/14 Javascript

JS中type="button"和type="submit"的区别

2017/07/04 Javascript

利用node.js实现反向代理的方法详解

2017/07/24 Javascript

javascript观察者模式实现自动刷新效果

2017/09/05 Javascript

基于zepto.js实现登录界面

2017/10/09 Javascript

AngularJS双向数据绑定原理之$watch、$apply和$digest的应用

2018/01/30 Javascript

一个简单的node.js界面实现方法

2018/06/01 Javascript

JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】

2018/08/09 Javascript

jQuery实现点击旋转，再点击恢复初始状态动画效果示例

2018/12/11 jQuery

微信小程序template模板与component组件的区别和使用详解

2019/05/22 Javascript

vue+ESLint 配置保存自动格式化代码

2020/03/17 Javascript

TensorFlow实现MLP多层感知机模型

2018/03/09 Python

使用sklearn进行对数据标准化、归一化以及将数据还原的方法

2018/07/11 Python

对Python中class和instance以及self的用法详解

2019/06/26 Python

django实现模板中的字符串文字和自动转义

2020/03/31 Python

Python常用数据分析模块原理解析

2020/07/20 Python

python GUI计算器的实现

2020/10/09 Python

MyFrenchPharma中文网：最大的法国药妆平台

2016/10/07 全球购物

公司清洁工岗位职责

2013/12/14 职场文书

秋季校运动会广播稿

2014/02/23 职场文书

个人授权委托书范本

2014/04/03 职场文书

革命英雄事迹演讲稿

2014/09/13 职场文书

领导干部四风问题自我剖析材料

2014/09/25 职场文书

python中Tkinter 窗口之输入框和文本框的实现

2021/04/12 Python

使用nginx配置访问wgcloud的方法

2021/06/26 Servers

Kubernetes控制节点的部署

2022/04/01 Servers