如何禁用引导程序中的导航栏按钮？

Question

我在导航栏的右侧有一个搜索按钮。但根据某些条件，我有时必须禁用搜索按钮。如何在bootstrap中做到这一点？请在下面找到代码段： -

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>"
        ]);

提前致谢。

Answer 1

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