layui点击按钮页面会自动刷新的解决方案_layui刷新按钮样式-其它代码类 - CSDN文库

2.8k 浏览量更新于2023-05-27 评论收藏 35KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

layui点击按钮页面会自动刷新的解决方案点击按钮页面会自动刷新的解决方案

今天小编就为大家分享一篇layui点击按钮页面会自动刷新的解决方案，具有很好的参考价值，希望对大家有所

帮助。一起跟随小编过来看看吧

问题：问题：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" rel="external nofollow" >

</head>

<body>

<form class="layui-form">

<div class="layui-form-item">

<label class="layui-form-label">输入框</label>

<div class="layui-input-inline">

<input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input">

</div>

</div>

<div class="layui-form-item">

<div class="layui-input-block">

<button class="layui-btn test" >test</button>

</div>

</div>

</form>

<script src="../../layuiadmin/layui/layui.js"></script>

<script>

layui.use(['laytpl','jquery','layer','form'],function () {

var laytpl = layui.laytpl,

layer = layui.layer,

form = layui.form,

$ = layui.$;

$('.test').click(function () {

layer.msg("test");

});

});

</script>

</body>

</html>

点击test按钮后，应该弹出信息“test”，但是运行后没有弹出信息，而是页面刷新了。

原因：原因：

button,input type=button按钮在IE和w3c，firefox浏览器区别：

当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。

但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任

何操作。

解决办法：解决办法：

方法一：方法一：将button标签更换为input

<input class="layui-btn test" >test</input>

方法二：方法二：

<button type="button" class="layui-btn test" >test</button>

以上这篇layui点击按钮页面会自动刷新的解决方案就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家

多多支持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38612437

粉丝: 5
资源: 907

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈