亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

layui點(diǎn)擊按鈕頁(yè)面會(huì)自動(dòng)刷新的解決方案

 更新時(shí)間：2019年10月25日 10:29:38   作者：扎哈的信徒  
今天小編就為大家分享一篇layui點(diǎn)擊按鈕頁(yè)面會(huì)自動(dòng)刷新的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

問題：

<!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="請(qǐng)輸入" 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>

點(diǎn)擊test按鈕后，應(yīng)該彈出信息“test”，但是運(yùn)行后沒有彈出信息，而是頁(yè)面刷新了。

原因：

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

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

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

解決辦法：

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

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

方法二：

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

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

相關(guān)文章

最新評(píng)論