如何禁用bootstrap中的導航欄按鈕？

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(); 
    } 
})