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

jQuery 表单验证插件formValidation实现个性化错误提示

Jun 23 Javascript

jquery.AutoComplete.js中文修正版(支持firefox)

Apr 09 Javascript

轻量级 JS ToolTip提示效果

Jul 20 Javascript

原生JavaScript实现连连看游戏(附源码)

Nov 05 Javascript

用js判断输入是否为中文的函数

Mar 10 Javascript

javascript实现淡蓝色的鼠标拖动选择框实例

May 09 Javascript

bootstrap时间控件daterangepicker使用方法及各种小bug修复

Oct 25 Javascript

Vue服务器渲染Nuxt学习笔记

Jan 31 Javascript

使用Sonarqube扫描Javascript代码的示例

Dec 26 Javascript

vue组件文档（.md）中如何自动导入示例（.vue）详解

Jan 25 Javascript

微信小程序本地存储实现每日签到、连续签到功能

Oct 09 Javascript

Node.js API详解之 console模块用法详解

May 12 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

phpwind中的数据库操作类

2007/01/02 PHP

PHP中SESSION使用中的一点经验总结

2012/03/30 PHP

Codeigniter出现错误提示Error with CACHE directory的解决方案

2014/06/12 PHP

Laravel5中Cookie的使用详解

2017/05/03 PHP

thinkPHP+phpexcel实现excel报表输出功能示例

2017/06/06 PHP

关于PHP转换超过2038年日期出错的问题解决

2017/06/28 PHP

定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内

2019/05/23 PHP

php用户名的密码加密更安全的方法

2019/06/21 PHP

PHP文件操作简单介绍及函数汇总

2020/12/11 PHP

javascript parseInt 函数分析(转)

2009/03/21 Javascript

jQuery 性能优化手册推荐

2010/02/23 Javascript

jqGrid jQuery 表格插件测试代码

2011/08/23 Javascript

js获取url参数值的两种方式

2013/09/10 Javascript

js实现将选中内容分享到新浪或腾讯微博

2015/12/16 Javascript

创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件

2016/06/02 Javascript

对js eval()函数的一些见解

2016/08/15 Javascript

AngularJS 模块化详解及实例代码

2016/09/14 Javascript

vue增删改查的简单操作

2017/07/15 Javascript

vue watch自动检测数据变化实时渲染的方法

2018/01/16 Javascript

如何从零开始利用js手写一个Promise库详解

2018/04/19 Javascript

原生js实现抽奖小游戏

2019/06/27 Javascript

学习python (2)

2006/10/31 Python

python制作花瓣网美女图片爬虫

2015/10/28 Python

Python基于pygame实现图片代替鼠标移动效果

2015/11/11 Python

Python中在脚本中引用其他文件函数的实现方法

2016/06/23 Python

pygame 精灵的行走及二段跳的实现方法(必看篇)

2017/07/10 Python

通过python实现随机交换礼物程序详解

2019/07/10 Python

Python使用正则表达式分割字符串的实现方法

2019/07/16 Python

Python 剪绳子的多种思路实现(动态规划和贪心)

2020/02/24 Python

eBay爱尔兰站：eBay.ie

2019/08/09 全球购物

大门门卫岗位职责

2013/11/30 职场文书

教育专业自荐书范文

2013/12/17 职场文书

国贸专业求职信

2014/06/28 职场文书

2015秋季开学典礼演讲稿

2015/07/16 职场文书

团支部书记竞选稿

2015/11/21 职场文书

Golang二维数组的使用方式

2021/05/28 Golang