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

精心挑选的15个jQuery下拉菜单制作教程

Jun 15 Javascript

Ajax提交与传统表单提交的区别说明

Feb 07 Javascript

node.js中的fs.fstat方法使用说明

Dec 15 Javascript

jquery实现实时改变网页字体大小、字体背景色和颜色的方法

Aug 05 Javascript

jQuery取得iframe中元素的常用方法详解

Jan 14 Javascript

jqGrid 学习笔记整理——进阶篇(一 )

Apr 17 Javascript

Bootstrap下拉菜单效果实例代码分享

Jun 30 Javascript

Bootstrap模态框（Modal）实现过渡效果

Mar 17 Javascript

js中document.write和document.writeln的区别

Mar 11 Javascript

Vue cli构建及项目打包以及出现的问题解决

Aug 27 Javascript

vue+iview/elementUi实现城市多选

Mar 28 Javascript

详解小程序用户登录状态检查与更新实例

May 15 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