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

SlideView 图片滑动(扩展/收缩)展示效果

Aug 01 Javascript

jquery 插件学习（一）

Aug 06 Javascript

Jquery图片滚动与幻灯片的实例代码

Apr 08 Javascript

js 获取页面高度和宽度兼容 ie firefox chrome等

May 14 Javascript

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

Feb 11 Javascript

使用jQuery的easydrag插件实现可拖动的DIV弹出框

Feb 19 Javascript

jQuery ajaxForm()的应用

Oct 14 Javascript

使用Vue制作图片轮播组件思路详解

Mar 21 Javascript

浅谈Angular6的服务和依赖注入

Jun 27 Javascript

如何通过setTimeout理解JS运行机制详解

Mar 23 Javascript

了解前端理论：rscss和rsjs

May 23 Javascript

前端Vue项目详解--初始化及导航栏

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

Zend framework处理一个http请求的流程分析

2010/02/08 PHP

textarea中的手动换行处理的jquery代码

2011/02/26 Javascript

深入理解JavaScript系列（19）：求值策略(Evaluation strategy)详解

2015/03/05 Javascript

jQuery里filter()函数与find()函数用法分析

2015/06/24 Javascript

JS实现控制文本框的内容

2016/07/10 Javascript

HTML页面,测试JS对C函数的调用简单实例

2016/08/09 Javascript

Bootstrap3 多个模态对话框无法显示的解决方案

2017/02/23 Javascript

Angular.Js之Scope作用域的学习教程

2017/04/27 Javascript

ES6下子组件调用父组件的方法(推荐)

2018/02/23 Javascript

js实现通过开始结束控制的计时器

2019/02/25 Javascript

在React中写一个Animation组件为组件进入和离开加上动画/过度效果

2019/06/24 Javascript

Python打印scrapy蜘蛛抓取树结构的方法

2015/04/08 Python

使用tensorflow实现线性svm

2018/09/07 Python

Python 中的lambda函数介绍

2018/10/10 Python

Python多线程应用于自动化测试操作示例

2018/12/06 Python

pandas 时间格式转换的实现

2019/07/06 Python

解决django中ModelForm多表单组合的问题

2019/07/18 Python

selenium+python配置chrome浏览器的选项的实现

2020/03/18 Python

详解PyQt5信号与槽的几种高级玩法

2020/03/24 Python

关于box-sizing的全面理解

2016/07/28 HTML / CSS

五分钟学会HTML5的WebSocket协议

2019/11/22 HTML / CSS

Html5在手机端调用相机的方法实现

2020/05/13 HTML / CSS

HTML5获取当前地理位置并在百度地图上展示的实例

2020/07/10 HTML / CSS

德国网上花店：Valentins

2018/08/15 全球购物

YSL圣罗兰美妆俄罗斯官网：Yves Saint Lauret RU

2020/09/23 全球购物

建筑行业的大学生自我评价

2013/12/08 职场文书

会议接待欢迎词

2014/01/12 职场文书

秋季运动会广播稿大全

2014/02/17 职场文书

财务管理专业求职信

2014/06/11 职场文书

努力学习保证书

2015/02/26 职场文书

搞笑结婚保证书

2015/05/08 职场文书

英语教学课后反思

2016/02/15 职场文书

《一面五星红旗》教学反思

2016/02/23 职场文书

李白经典诗之一：全文无一“月”字，却句句有月

2019/07/12 职场文书

Nginx Rewrite使用场景及配置方法解析

2021/04/01 Servers

python中使用redis用法详解

2022/12/24 Redis