欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layui點擊按鈕頁面會自動刷新的解決方案

 更新時間：2019年10月25日 10:29:38   作者：扎哈的信徒  
今天小編就為大家分享一篇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按鈕后，應(yīng)該彈出信息“test”，但是運(yùn)行后沒有彈出信息，而是頁面刷新了。

原因：

button,input type=button按鈕在IE和w3c，firefox瀏覽器區(qū)別：

當(dāng)在IE瀏覽器下面時，button標(biāo)簽按鈕，input標(biāo)簽type屬性為button的按鈕是一樣的功能，不會對表單進(jìn)行任何操作。

但是在W3C瀏覽器，如Firefox下就需要注意了，button標(biāo)簽按鈕會提交表單，而input標(biāo)簽type屬性為button不會對表單進(jìn)行任何操作。

解決辦法：

方法一：將button標(biāo)簽更換為input

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

方法二：

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

以上這篇layui點擊按鈕頁面會自動刷新的解決方案就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論