解决Button自动刷新页面的问题
生活随笔
收集整理的這篇文章主要介紹了
解决Button自动刷新页面的问题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、問題
<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>- 1
- 1
頁面上有這樣一個(gè)按鈕,每次點(diǎn)擊這個(gè)按鈕的時(shí)候,執(zhí)行完button的click事件后,會(huì)自動(dòng)的重新刷新一下當(dāng)前的頁面。
二、原因
button,input type=button按鈕在IE和w3c,firefox瀏覽器區(qū)別:?
1、當(dāng)在IE瀏覽器下面時(shí),button標(biāo)簽按鈕,input標(biāo)簽type屬性為button的按鈕是一樣的功能,不會(huì)對(duì)表單進(jìn)行任何操作。?
2、但是在W3C瀏覽器,如Firefox下就需要注意了,button標(biāo)簽按鈕會(huì)提交表單,而input標(biāo)簽type屬性為button不會(huì)對(duì)表單進(jìn)行任何操作。
三、解決辦法
為button按鈕增加一個(gè)type=”button”屬性。
<button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>- 1
- 1
總結(jié)
以上是生活随笔為你收集整理的解决Button自动刷新页面的问题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何判断两个jq对象是同一个对象
- 下一篇: jquery让页面滚动到底部