How to disable navigation bar button in bootstrap? [duplicate]

Question

I have a search button on right side of navigation bar. But depending on some condition I have to sometimes disable the search button. How to do that in bootstrap? Please find below code snippet:-

html = html.concat([
            "      </ul>",
            "    <ul class='nav navbar-nav navbar-right'>",
            "      <li class=\"nav-item\"><a class=\"nav-link disabled\" href='",baseUrl><span class=\"glyphicon glyphicon-search\"></span></a></li>",
            "    </ul>",
            "  </div><!--/.nav-collapse -->",
            "   </div>",
            "   </nav>"
        ]);

Thanks in advance.

Jonathan Dion · Accepted Answer · 2017-04-13 11:01:23Z

0

$(document).on('click', '.nav-link.disabled', function(e) {
    if(shouldBeDisable === true){
       e.preventDefault();
     }
})

answered Apr 13, 2017 at 11:01

Jonathan Dion

1,67011 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adam Over a year ago

While this code snippet may be the solution, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.

Collectives™ on Stack Overflow

How to disable navigation bar button in bootstrap? [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related