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

js弹出层包含flash 不能关闭隐藏的2种处理方法

Jun 17 Javascript

JS实现跟随鼠标的链接文字提示框效果

Aug 06 Javascript

JS组件Form表单验证神器BootstrapValidator

Jan 26 Javascript

js中用cssText设置css样式的简单方法

Sep 19 Javascript

微信小程序跳转传参数与传对象详解及实例代码

Mar 14 Javascript

详解JavaScript按概率随机生成事件

Aug 02 Javascript

BootStrap给table表格的每一行添加一个按钮事件

Sep 07 Javascript

深入理解vuex2.0 之 modules

Nov 20 Javascript

jQuery事件blur()方法的使用实例讲解

Mar 30 jQuery

vue的keep-alive中使用EventBus的方法

Apr 23 Javascript

Vue代码整洁之去重方法整理

Aug 06 Javascript

JS插入排序简单理解与实现方法分析

Nov 25 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

NO3第三帝国留言簿制作过程

2006/10/09 PHP

PHP 变量定义和变量替换的方法

2009/07/30 PHP

php中3des加密代码(完全与.net中的兼容)

2012/08/02 PHP

thinkPHP框架实现类似java过滤器的简单方法示例

2018/09/05 PHP

TP5框架安全机制实例分析

2020/04/05 PHP

jQuery 常见开发使用技巧总结

2009/12/26 Javascript

IE关闭时判断及AJAX注销案例学习

2013/02/18 Javascript

ie下jquery.getJSON的缓存问题的处理方法

2013/03/29 Javascript

jquery实现的一个导航滚动效果具体代码

2013/05/27 Javascript

一道JS前端闭包面试题解析

2015/12/25 Javascript

基于jquery实现表格无刷新分页

2016/01/07 Javascript

关于JS中setTimeout()无法调用带参函数问题的解决方法

2016/06/21 Javascript

第一次动手实现bootstrap table分页效果

2016/09/22 Javascript

AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】

2016/11/03 Javascript

jQuery中的select操作详解

2016/11/29 Javascript

JavaScript中Math对象的方法介绍

2017/01/05 Javascript

vue 自定义全局方法,在组件里面的使用介绍

2018/02/28 Javascript

Vue触发式全局组件构建的方法

2018/11/28 Javascript

解决微信小程序scroll-view组件无横向滚动的问题

2020/02/04 Javascript

js实现弹窗猜数字游戏

2020/11/26 Javascript

win系统下为Python3.5安装flask-mongoengine 库

2016/12/20 Python

python计算日期之间的放假日期

2018/06/05 Python

Python 获取项目根路径的代码

2019/09/27 Python

基于Django统计博客文章阅读量

2019/10/29 Python

python 解决mysql where in 对列表(list,,array)问题

2020/06/06 Python

Python通过递归函数输出嵌套列表元素

2020/10/15 Python

python pymysql库的常用操作

2020/10/16 Python

解决HTML5中滚动到底部的事件问题

2019/08/22 HTML / CSS

Clearly澳大利亚：购买眼镜、太阳镜和隐形眼镜

2018/04/26 全球购物

Marc O’Polo俄罗斯官方在线商店：德国高端时尚品牌

2019/12/26 全球购物

什么是聚集索引和非聚集索引

2012/01/17 面试题

学生个人的自我评价分享

2013/11/05 职场文书

中秋寄语大全

2014/04/11 职场文书

养成教育经验材料

2014/05/26 职场文书

学习雷锋精神活动总结

2015/02/06 职场文书

GTX1660显卡搭配显示器推荐

2022/04/19 数码科技