JSFiddle - React, Tailwind, and code Playground

by Kishore Polsani

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<br/>
<div class="linkID">
    <p><a class="btn btn-success disable-rt-click" href="/content/gepower-renewables/global/en_us/site-content/global-elements/forms/signup-form-modal-content.html" data-modal-content-url="/content/gepower-renewables/global/en_us/site-content/global-elements/forms/signup-form-modal-content/_jcr_content/module-content.html" target="_self" class="trigger-signup btn btn-large btn-success modal-load-module-content">Contact us&nbsp;<i class="icon-ico_arrowright_sm"></i></a>

    </p>
</div>
<a id='activate' href="#" class="btn btn-info" role="button">Activate the first link</a>

JavaScript

//Disable a link
$(document).ready(function () {
    $('.disable-rt-click').bind('contextmenu', function (e) {
        alert("disabling right click");
        return false;
    });
});
/*$(document).ready(function () {
     $('#linkID').fadeTo('slow',.6);
			$('#linkID').append('<div style="position: absolute;top:0;left:0;width: 100%;height:100%;z-index:2;opacity:0.4;filter: alpha(opacity = 50)"></div>'); */
/* $('.linkID').click(function (e) {
        alert("Contact us link is disabled");
        e.preventDefault();
        $('.linkID a').addClass('disabled');
    });
    
    $('#activate').click(function (e) {        
        e.preventDefault();
        $('.linkID a').removeClass('disabled');
         alert("Contact us link is enabled");
    });
});*/