编程 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筛选器全系列介绍

Aug 27 Javascript

基于jquery实现瀑布流布局

Jun 28 Javascript

javascript中FOREACH数组方法使用示例

Mar 01 Javascript

浅谈jQuery中ajaxPrefilter的应用

Aug 01 Javascript

js 转json格式的字符串为对象或数组(前后台)的方法

Nov 02 Javascript

jquery实现轮播图效果

Feb 13 Javascript

详解基于webpack搭建react运行环境

Jun 01 Javascript

Vue数组更新及过滤排序功能

Aug 10 Javascript

react中的ajax封装实例详解

Oct 17 Javascript

swiper.js插件实现pc端文本上下滑动功能示例

Dec 03 Javascript

2019最新21个MySQL高频面试题介绍

Feb 06 Javascript

原生js实现随机点名

Jul 05 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自定义函数返回多个值

2006/11/26 PHP

php页面防重复提交方法总结

2013/11/25 PHP

PHP实现的多维数组排序算法分析

2018/02/10 PHP

PHP应用跨时区功能的实现方法

2019/03/21 PHP

textContent在Firefox下与innerText等效的属性

2007/05/12 Javascript

JavaScript是否可实现多线程深入理解JavaScript定时机制

2009/12/22 Javascript

jQuery实现切换页面布局使用介绍

2011/10/09 Javascript

Javascript 面向对象编程(coolshell)

2012/03/18 Javascript

jquery怎样实现ajax联动框(一)

2013/03/08 Javascript

JavaScript设计模式之外观模式介绍

2014/12/28 Javascript

javascript二维数组转置实例

2015/01/22 Javascript

JavaScript中的toLocaleDateString()方法使用简介

2015/06/12 Javascript

jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解

2015/09/27 Javascript

微信JSSDK调用微信扫一扫功能的方法

2017/07/25 Javascript

40行代码把Vue3的响应式集成进React做状态管理

2020/05/20 Javascript

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

2021/01/05 Vue.js

python实现忽略大小写对字符串列表排序的方法

2014/09/25 Python

python Matplotlib画图之调整字体大小的示例

2017/11/20 Python

解决Pytorch训练过程中loss不下降的问题

2020/01/02 Python

Python中join（）函数多种操作代码实例

2020/01/13 Python

用HTML5制作一个简单的桌球游戏的教程

2015/05/12 HTML / CSS

Blue Nile台湾：钻石珠宝商，订婚首饰、结婚戒指和精品首饰

2017/11/24 全球购物

介绍一下SOA和SOA的基本特征

2016/02/24 面试题

网络教育毕业生自我鉴定

2013/10/10 职场文书

项目管理计划书

2014/01/09 职场文书

行政文秘岗位职责范本

2014/02/10 职场文书

旷课检讨书范文

2014/10/30 职场文书

2014年组织委员工作总结

2014/12/01 职场文书

少年雷锋观后感

2015/06/10 职场文书

廉洁自律证明

2015/06/24 职场文书

2016关于军训的心得体会

2016/01/11 职场文书

导游词之烟台威海蓬莱

2019/11/14 职场文书

Python如何使用logging为Flask增加logid

2021/03/30 Python

十大最强岩石系宝可梦，怪颚龙实力最强，第七破坏力很强

2022/03/18 日漫

Win11显卡控制面板打开显卡设置方法

2022/04/20 数码科技

Python Flask实现进度条

2022/05/11 Python