先贴源码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Layer1.aspx.cs" Inherits="LayerDemo.Layer1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Layer练习</title>
<link href="layer/mobile/need/layer.css" rel="stylesheet" />
<script src="jquery-3.3.1.min.js"></script>
<script src="layer/layer.js"></script>
<script>
$(function () {
$("#btn_alert").click(function () {
layer.alert('内容', {
icon: 1,
skin: 'layer-ext-moon'
});
//return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server" action="">
<div>
<asp:Button ID="btn_alert" runat="server" Text="弹出一个框"/>
</div>
</form>
</body>
</html>
坑：点击button,消息框一闪而过。
原因：
因为当button的type="submit"时，点击button会提交form表单，页面会进行刷新。
解决办法1：将上面的服务器控件改成普通button(<button type="button"></buttom>),type不能为submit，或者用input做button也行。
解决办法2：在点击事件的function函数结尾加上return false;
一般情况，建议用方法1.
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
