JS中append字符串包含onclick无效传递参数失败的解决方案

更新时间：2016年12月26日 09:51:58 投稿：mrr

这篇文章主要介绍了JS中append字符串包含onclick无效传递参数失败的解决方案,需要的朋友可以参考下

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无效传递参数失败的解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

验证控件与Button的OnClientClick事件详细解析
以下就是被我已知忽略的问题和解决方案，当我发觉这个问题的时候，冒出了一身冷汗，幸亏做了严格的服务器端验证，不然可就惨了
2013-12-12
JS+CSS设置img在DIV中只显示Img垂直居中的部分
img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分，下面有个不错的示例，感兴趣的朋友可以参考下
2013-10-10
详解JavaScript 新语法之Class 的私有属性与私有方法
这篇文章主要介绍了JavaScript 新语法之Class 的私有属性与私有方法 ,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-04-04
javascript实现扫雷简易版
这篇文章主要为大家详细介绍了javascript实现扫雷简易版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
原生JS封装animate运动框架的实例
下面小编就为大家带来一篇原生JS封装animate运动框架的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-10-10
借助javascript代码判断网页是静态还是伪静态
如何看同类型的网站采用的是静态还是伪静态，一般网页后缀都是以.html结尾。我们可以借助一段简单的javascript代码判断一下
2014-05-05
一文详解如何在uniapp中设置隐私政策弹窗
在将uniapp打包成APP端时,上架到应用市场的时候需要配置隐私弹窗,下面这篇文章主要给大家介绍了关于如何在uniapp中设置隐私政策弹窗的相关资料,需要的朋友可以参考下
2023-01-01
js分页显示div的内容
对于div内容过高的情况，我们可以用js控制div分页
2008-07-07
TypeScript接口和类型的区别小结
在 TypeScript 中，有两种主要的定义自定义类型的方式，接口和类型，尽管它们在外观上可能相似，但它们之间有一些关键的区别，本文就详细的介绍一下，感兴趣的可以了解下
2023-05-05
清除网页历史记录，屏蔽后退按钮!
浏览器的后退按钮使得我们能够方便地返回以前访问过的页面，它无疑非常有用。但有时候我们不得不关闭这个功能，以防止用户打乱预定的页面访问次序。
2008-12-12