编程 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声明数组,对象在jsp页面中(获得ajax得到json数据)

Nov 05 Javascript

js创建表单元素并使用submit进行提交

Aug 14 Javascript

元素绑定click点击事件方法

Jun 08 Javascript

JS版元素周期表实现方法

Aug 05 Javascript

jQuery的中 is(':visible') 解析及用法(必看)

Feb 12 Javascript

MUI Scroll插件的使用详解

Apr 13 Javascript

EL表达式截取字符串的函数说明

Sep 22 Javascript

vue使用$emit时,父组件无法监听到子组件的事件实例

Feb 26 Javascript

webpack本地开发环境无法用IP访问的解决方法

Mar 20 Javascript

微信小程序 slot踩坑的解决

Apr 01 Javascript

微信小程序模板消息推送的两种实现方式

Aug 27 Javascript

解决vue自定义组件@click点击失效问题

Apr 30 Vue.js

原生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

curl实现站外采集的方法和技巧

2014/01/31 PHP

php的dl函数用法实例

2014/11/06 PHP

PHP实现的大文件切割与合并功能示例

2018/04/10 PHP

php如何比较两个浮点数是否相等详解

2019/02/12 PHP

Mootools 1.2教程(3) 数组使用简介

2009/09/14 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

2013/02/05 Javascript

JavaScript动态提示输入框输入字数的方法

2015/07/27 Javascript

javascript点击按钮实现隐藏显示切换效果

2016/02/03 Javascript

详解前端自动化工具gulp自动添加版本号

2016/12/20 Javascript

jQuery实现表单动态添加数据并提交的方法

2018/07/19 jQuery

bootstrap模态框关闭后清除模态框的数据方法

2018/08/10 Javascript

vue实现简单图片上传

2020/06/30 Javascript

JS常用跨域方法实现原理解析

2020/12/09 Javascript

wxPython窗口中文乱码解决方法

2014/10/11 Python

深入理解Python中各种方法的运作原理

2015/06/15 Python

python批量读取txt文件为DataFrame的方法

2018/04/03 Python

对Python 内建函数和保留字详解

2018/10/15 Python

python实现统计文本中单词出现的频率详解

2019/05/20 Python

Python threading的使用方法解析

2019/08/28 Python

numpy创建单位矩阵和对角矩阵的实例

2019/11/29 Python

django rest framework serializers序列化实例

2020/05/13 Python

澳大利亚床上用品、浴巾和家居用品购物网站：Bambury

2020/04/16 全球购物

会计岗位职责

2013/11/08 职场文书

办公室文员工作自我评价

2013/12/01 职场文书

酒店个人培训自我鉴定

2013/12/11 职场文书

简历上的自我评价

2014/02/03 职场文书

建筑安全员岗位职责

2014/03/13 职场文书

会议欢迎词

2015/01/23 职场文书

2015年世界急救日宣传活动方案

2015/05/06 职场文书

525心理健康活动总结

2015/05/08 职场文书

运动会加油稿50字

2015/07/21 职场文书

Python中文纠错的简单实现

2021/07/07 Python

Jpa Specification如何实现and和or同时使用查询

2021/11/23 Java/Android

利用Sharding-Jdbc进行分库分表的操作代码

2022/01/22 Java/Android

Spring Boot配合PageHelper优化大表查询数据分页

2022/04/20 Java/Android

win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法

2022/07/23 数码科技