狀態(tài)樣式設(shè)置有點不太明白
如果在li標(biāo)簽上添加了disabled類名的時候，分頁按鈕處于禁用狀態(tài)，但同樣不能禁止其點擊功能。你可以通過js來處理，或?qū)標(biāo)簽換成span標(biāo)簽。這句話是什么意思呢？有點看不懂
好久不見4014797
2016-11-16
2 回答
舉報
0/150
提交
取消
2017-02-22
嗯，我默認(rèn)你已經(jīng)知道了jquery的基本用法，咱們來實現(xiàn)一下點擊disable類下的<a>標(biāo)簽不跳轉(zhuǎn)href中鏈接的例子
首先，準(zhǔn)備一個網(wǎng)頁
??<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>基本導(dǎo)航條</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)，下一頁是搜狐視頻
但是，下一頁應(yīng)該是禁用狀態(tài)，所以我們在//TODO的位置添加代碼
??//?頁面dom加完成時執(zhí)行 ??$(document).ready(function()?{ ????//?jquery選擇器?disbale類下的a標(biāo)簽注冊一個點擊事件 ????$(".disabled?>?a").click(function()?{ ??????//通過return?false可以禁止觸發(fā)href中的事件 ??????return?false; ????}) ??});這樣之后刷新網(wǎng)頁，確保清除緩存之后再點擊下一頁，神馬都不會發(fā)生啦~
祝你學(xué)習(xí)愉快
2016-11-17
意思如下圖，那個li上有disabled，但是a標(biāo)簽有href是百度地址。點擊后跳轉(zhuǎn)到了百度。要想阻止該點擊觸發(fā)，就要a換成span?；蛘遤s處理