html- कैसे निष्क्रिय करने के लिए <a href>?

Question

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?

Answer 1

<script> 
    $(document).ready(function(){ 
     $('#connectBtn').click(function(e){ 
      e.preventDefault(); 
     }) 
    }); 
</script> 

This will prevent the default action.

Answer 2

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/

या आप इस तरह डिफ़ॉल्ट गतिविधि को रोकता JavaScript का उपयोग कर सकते हैं:

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

Answer 3

मैं एक बटन बनाया ...

यह जहां है गलत हो गया है आप कोई बटन नहीं बनाया है, आपने एक एंकर तत्व बनाया है। यदि आप एक button तत्व के बजाय इस्तेमाल किया था, तो आप इस समस्या होगी:

<button type="button" data-toggle="modal" data-target="#myModal" data-role="disabled"> 
    Connect 
</button> 

आप के बजाय एक a तत्व का उपयोग जारी रखने के लिए, कम से कम आप इसे एक role विशेषता "button" करने के लिए सेट देना चाहिए जा रहे हैं और href विशेषता पूरी तरह छोड़:

<a role="button" ...> 

कर लेने के बाद आप a piece of JavaScript which calls event.preventDefault() लागू कर सकते हैं कि - event अपने क्लिक करें घटना होने के साथ यहाँ।

Answer 4

.disabledLink.disabled {pointer-events:none;} 

ऐसा करना चाहिए कि मुझे उम्मीद है कि मैंने मदद की!