Html-如何禁用< a href&gt ;?

问题描述

 < a href =＃data-toggle这个按钮可以在点击时打开一个模式窗口。 =modaldata-target =＃myModalclass =signup-button grey-btn pl-pr-36id =connectBtndata-role =disabled> Connect< / a> 
  

由于某些原因， data-role =disabled不起作用。
如何禁用它？

解决方案

您可以使用CSS完成此操作：

 < a href =somelink.htmlclass =disabled>某些连结< / a> 
 
 .disabled {
 pointer-events：none; 
 cursor：default; 
} 
  

示例：

或者您可以使用JavaScript来阻止默认操作这个：

  $（'。disabled'）。click（function（e）{
 e.preventDefault（） ; 
}）
  

I created a button that open a modal window on click.

<a href="#"  data-toggle="modal" data-target="#myModal" class="signup-button gray-btn pl-pr-36" id="connectBtn"  data-role="disabled">Connect</a>

For some reason the data-role="disabled" doesn't work good.How can I disable it?

解决方案

You can use CSS to accomplish this:

<a href="somelink.html" class="disabled">Some link</a>

.disabled {
   pointer-events: none;
   cursor: default;
}

Example: http://jsfiddle.net/7EQJp/

Or you can use JavaScript to prevent the default action like this:

 $('.disabled').click(function(e){
     e.preventDefault();
  })

这篇关于Html-如何禁用< a href&gt ;?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！