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

php gethostbyname获取域名ip地址函数详解

Jan 24 Javascript

鼠标事件延时切换插件

Mar 12 Javascript

使用jquery实现div的tab切换实例代码

May 27 Javascript

Jjcarousellite 实现图片列表滚动的简单实例

Nov 29 Javascript

javascript 通用loading动画效果实例代码

Jan 14 Javascript

JavaScript获取数组最小值和最大值的方法

Jun 09 Javascript

JS实现网页游戏中滑块响应鼠标点击移动效果

Oct 19 Javascript

jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮

Nov 18 Javascript

ionic2 tabs 图标自定义实例

Mar 08 Javascript

jQuery 表单序列化实例代码

Jun 11 jQuery

js实现随机圆与矩形功能

Oct 29 Javascript

正则表达式基础与常用验证表达式

Jun 16 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

在win7中搭建Linux+PHP 开发环境

2014/10/08 PHP

分析PHP中单双引号的误区和双引号小隐患

2016/07/19 PHP

thinkPHP的表达式查询用法详解

2016/09/14 PHP

php实现微信公众号创建自定义菜单功能的实例代码

2019/06/11 PHP

浅谈PHP array_search 和 in_array 函数效率问题

2019/10/15 PHP

用CSS+JS实现的进度条效果效果

2007/06/05 Javascript

JavaScript null和undefined区别分析

2009/10/14 Javascript

jQuery滚动条插件nanoscroller使用指南

2015/04/21 Javascript

javascript实现类似java中getClass()得到对象类名的方法

2015/07/27 Javascript

Jquery针对tr td的一些实用操作方法(必看篇)

2016/10/05 Javascript

详解jQuery中基本的动画方法

2016/12/14 Javascript

创建简单的node服务器实例(分享)

2017/06/23 Javascript

详解用webpack的CommonsChunkPlugin提取公共代码的3种方式

2017/11/09 Javascript

关于Angularjs中自定义指令一些有价值的细节和技巧小结

2018/04/22 Javascript

vue-cli 如何打包上线的方法示例

2018/05/08 Javascript

关于node-bindings无法在Electron中使用的解决办法

2018/12/18 Javascript

Python中__call__用法实例

2014/08/29 Python

Python 面试中 8 个必考问题

2018/11/16 Python

python使用 request 发送表单数据操作示例

2019/09/25 Python

解决tensorflow由于未初始化变量而导致的错误问题

2020/01/06 Python

python3格式化字符串 f-string的高级用法(推荐)

2020/03/04 Python

python matplotlib包图像配色方案分享

2020/03/14 Python

pip install命令安装扩展库整理

2021/03/02 Python

html5 input属性使用示例

2013/06/28 HTML / CSS

HTML5拖拽API经典实例详解

2018/04/20 HTML / CSS

Abe’s of Maine：自1979以来销售相机和电子产品

2016/11/21 全球购物

网络维护管理员的自我评价分享

2013/11/11 职场文书

成品仓管员工作职责

2013/12/29 职场文书

大二自我鉴定

2014/01/31 职场文书

英文演讲稿

2014/05/15 职场文书

领导干部学习“三严三实”思想汇报

2014/09/15 职场文书

2014派出所所长群众路线对照检查材料思想汇报

2014/09/18 职场文书

开会迟到检讨书范文

2015/05/06 职场文书

医院消毒隔离制度

2015/08/05 职场文书

送给自己的励志语句：要安静的优秀，悄无声息的坚强

2019/11/26 职场文书

LeetCode189轮转数组python示例

2022/08/05 Python