解决Layui中templet中a的onclick参数传递的问题


Posted in Javascript onSeptember 20, 2019

以下是我的模板,主要用在列表页table中的按钮,点击弹窗展开详情页的功能。

<script type="text/html" id="contentTpl">
    <a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick='showContent("{{d.CONTENT}}")' >查看内容</a>
</script>

项目跑了许久,突然说点击查看内容没反应,查出原因是,d.CONTENT如果有单引号或者双引号会报js错误。

于是改成下面的形式解决问题。

<script type="text/html" id="contentTpl">
   <div><a href='javascript:;' class="layui-btn layui-btn-danger layui-btn-xs" οnclick=showContent('{{d.CONTENT}}') >查看内容</a></div>
</script>

直接去吃onclick的单引号,让浏览器渲染,因为在html中,普通的a标签的click事件也是可以不用带单引号或双引号的。

给后人提醒,小心进坑。

以上这篇解决Layui中templet中a的onclick参数传递的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
面向对象的javascript(笔记)
Oct 06 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
在javascript将NodeList作为Array数组处理的方法
Jul 09 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
Apr 23 Javascript
Jquery Validate 正则表达式实用验证代码大全
Aug 23 Javascript
jquery模拟SELECT下拉框取值效果
Oct 23 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
javascript中字体浮动效果的简单实例演示
Nov 18 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 #Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 #Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 #Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 #Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 #Javascript
layui 中select下拉change事件失效的解决方法
Sep 20 #Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
Sep 20 #Javascript
You might like
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
php实现的日历程序
2015/06/18 PHP
PHP与jquery实时显示网站在线人数实例详解
2016/12/02 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
2014/09/11 Javascript
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
2019/01/27 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
js回调函数原理与用法案例分析
2020/03/04 Javascript
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
详解在Python程序中自定义异常的方法
2015/10/16 Python
python爬取m3u8连接的视频
2018/02/28 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
Python实现寻找回文数字过程解析
2020/06/09 Python
详解python metaclass(元类)
2020/08/13 Python
python中time.ctime()实例用法
2021/02/03 Python
amazeui页面校验功能的实现代码
2020/08/24 HTML / CSS
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
小学生暑假感言
2014/02/06 职场文书
数控技术学生的自我评价
2014/02/15 职场文书
小区推广策划方案
2014/06/06 职场文书
新教师教学工作总结
2015/08/12 职场文书