課程
/前端開發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(基礎(chǔ))
如果在li標簽上添加了disabled類名的時候,分頁按鈕處于禁用狀態(tài),但同樣不能禁止其點擊功能。你可以通過js來處理,或?qū)標簽換成span標簽。這句話是什么意思呢?有點看不懂
2016-11-16
源自:玩轉(zhuǎn)Bootstrap(基礎(chǔ)) 6-10
正在回答
嗯,我默認你已經(jīng)知道了jquery的基本用法,咱們來實現(xiàn)一下點擊disable類下的<a>標簽不跳轉(zhuǎn)href中鏈接的例子
首先,準備一個網(wǎng)頁
??<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>基本導航條</title> <link?rel="stylesheet"?> </head> <style> .navbar-fixed-top?~?.content{ ??padding-top:?70px; } </style> <body> ??<ul?class="pager"> ????<li><a?href="http://idcbgp.cn">«上一頁</a></li> ????<li?class="disabled"><a?>下一頁»</a></li> ??</ul> ?</body> <script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script?src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>? <script?type="text/javascript"> //?TODO:?禁止disable類下的href鏈接的作用 </script> </body> </html>
好了,看一下,點上一頁去慕課網(wǎng),下一頁是搜狐視頻
但是,下一頁應該是禁用狀態(tài),所以我們在//TODO的位置添加代碼
??//?頁面dom加完成時執(zhí)行 ??$(document).ready(function()?{ ????//?jquery選擇器?disbale類下的a標簽注冊一個點擊事件 ????$(".disabled?>?a").click(function()?{ ??????//通過return?false可以禁止觸發(fā)href中的事件 ??????return?false; ????}) ??});
這樣之后刷新網(wǎng)頁,確保清除緩存之后再點擊下一頁,神馬都不會發(fā)生啦~
祝你學習愉快
意思如下圖,那個li上有disabled,但是a標簽有href是百度地址。點擊后跳轉(zhuǎn)到了百度。要想阻止該點擊觸發(fā),就要a換成span?;蛘遤s處理
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
5 回答button狀態(tài)設置
3 回答radio的焦點狀態(tài)怎么設置啊?
2 回答按鈕狀態(tài)---焦點狀態(tài)
1 回答bootstrap 焦點狀態(tài)
2 回答不太明白怎么一回事。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-02-22
嗯,我默認你已經(jīng)知道了jquery的基本用法,咱們來實現(xiàn)一下點擊disable類下的<a>標簽不跳轉(zhuǎn)href中鏈接的例子
首先,準備一個網(wǎng)頁
好了,看一下,點上一頁去慕課網(wǎng),下一頁是搜狐視頻
但是,下一頁應該是禁用狀態(tài),所以我們在//TODO的位置添加代碼
這樣之后刷新網(wǎng)頁,確保清除緩存之后再點擊下一頁,神馬都不會發(fā)生啦~
祝你學習愉快
2016-11-17
意思如下圖,那個li上有disabled,但是a標簽有href是百度地址。點擊后跳轉(zhuǎn)到了百度。要想阻止該點擊觸發(fā),就要a換成span?;蛘遤s處理