layui.use 中自定义 function 的正确方式

最新推荐文章于 2025-06-01 09:01:01 发布

肖朋伟

最新推荐文章于 2025-06-01 09:01:01 发布

阅读量1.8w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： # LayUI

本文链接：https://blog.csdn.net/qq_40147863/article/details/88562863

LayUI 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了在layui框架中如何正确使用自定义函数，通过具体的示例代码展示了如何在按钮点击事件中调用自定义函数，并在弹窗中显示消息。示例包括使用ID选择器触发函数和直接在按钮上使用onclick属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui.use 中自定义 function 的正确方式

适用于：

obj.click()
行内 onclick
javascript:函数名()

示例代码：

<html>
	<head>
		<link rel="stylesheet" href="layui/css/layui.css"  media="all">
	</head>
	<body>
		<a class="layui-btn" id="test" href="javascript:;">测试</a><br/><br/>
		<a class="layui-btn" onclick="hello('this is a test')" href="javascript:;">hello</a>
		<script src="layui/layui.js"></script>
		<script type="text/javascript">
		
			layui.use(["jquery","layer","form"],function(){
				var $ = layui.$,layer = layui.layer,form = layui.form;
				$("#test").click(function(){
					hello("张三");
				});
				window.hello = function(obj) {
					layer.msg("hello world,"+obj);
				}
			});
		</script>		
	</body>
</html>