2 gttzbd gttzbd 于 2016.03.04 18:36 提问

Bootstrap禁用标签页的链接

图片说明
就像官方文档里说的,虽然有禁用的效果(鼠标放上去),但是点击后还是有正常的点击效果,求问怎么用javascript屏蔽掉

1个回答

caozhy
caozhy   Ds   Rxr 2016.03.06 07:12

用jquery
$("a.disabled").attr("href", "#");
把所有disabled的href都去掉。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
BootStrap3 笔记(一):关于分页组件中<a>标签disable后还是可以点击的问题
如题,我参考这篇博客http://blog.csdn.net/jalon2015/article/details/71056702 把a改为span之后,分页功能完全失效。正常的点击后也无效。无耐,我就继续看文档菜鸟教程上的按钮介绍http://www.runoob.com/bootstrap/bootstrap-buttons.html。写下本篇如下:**解决方法:** 简单的来说就是不在li
(4)bootstrap标签页
导读: 我希望实现的功能:点击导航栏下的某一选项,在固定区域呈现我需要的页面。 如图:点击1,在右侧出现2页面 (1)所用到的技术:bootstrap的标签页 依然老样子,先给出官方文档链接 http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html (2)要点说明:【一共三步】 1.在左侧导航
禁用a链接
在bootstrap中,a链接 加上 class=".btn" 时,给a链接 disabled 属性 可实现禁用 a 链接(包括 a链接的 onclick事件) 在平时应用 a 链接时,ie8 到 ie11 支持 disabled 属性,且 可以 禁用 a 链接(包括 a链接的 onclick事件) 后经本人各种虐,终于虐出了原因,发现了一个css3 新生属性 pointer-even
Bootstrap 禁用导航链接
禁用导航链接在导航组件中,包括标签导航、胶囊式导航、导航列表,为某个 &amp;lt;li&amp;gt; 元素添加 .disabled 类,可以让链接变灰并失去鼠标悬停效果。如:&amp;lt;ul class=&quot;nav nav-pills&quot;&amp;gt;  &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;Clickable link&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;  &amp;lt
bootstrap的tabs标签页:实现a页面指定的tab,点击more,跳去b页面指定的tab
如图。 实现目标: a页面的tab1标签页中点击more 跳去b页面的tab1 这里为什么是more跳过去的呢,因为tab nav上面的tab1,tab2,tab3,是用来对应自己在同个页面的标签页的。 使用框架: bootstrap的v3版本的tabs标签页
BootStrap学习笔记(二):关于分页组件中<a>标签disable后还是可以点击的问题
BootStrap分页组件:http://v3.bootcss.com/components/#pagination - 问题描述:分页组件中li的class=’disable’,子标签a还是可以点击; - 解决办法:将a标签改为span即可;或者在首页时去除标签 - 代码如下:<li th:class="disabled"> <span th:href="#" >«</span>
Bootstrap实现标签页效果
1. 版本Bootstrap v3.3.6 jQuery v1.11.32. 实现方法给显示标签页内容的DIV分别设置上ID: tab_1 和 tab_2。在标签页按钮上的 href 属性设置 #tab_1 和 #tab_2 来控制标签页内容的显示。具体代码如下:tab.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8">
Bootstrap3标签页demo
项目组之前用Bootstrap3搭了一个管理平台,当时有一个很急的需求,需要用到标签页展示,对Bootstrap3不熟悉,就用jquery-ui写一个标签页。但是jquery-ui展示出来的标签页跟Bootstrap的整体框架十分不搭。正要这个需求有变化,就干脆用Bootstrap重写了这个标签页,中间遇到了些小麻烦。我前端技术很菜,就把这个功能当做一个demo记录下来吧。     首先导入必要
Bootstrap 可切换的标签导航
可切换的标签导航标签间的切换,需要 bootstrap-tab.js 文件支持,因此,要实现可切换的标签导航,首先需要导入 jQuery 库和 bootstrap-tab.js 插件:&amp;lt;script src=&quot;assets/js/jquery.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script src=&quot;assets/js/bootstrap-tab.js&quot;&amp;gt;&amp;lt;/s...
自定义bootstrap标签页
用法 您可以通过以下两种方式启用标签页: 通过 data 属性:您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。 添加 nav 和 nav-tabs 类到 ul 中,将会应用 Bootstrap 标签样式,添加 nav 和 nav-pills 类到 ul 中,将会应用 Bootstrap胶囊式样式。 class="na