禁用单击调用javascript函数

Question

我有一个简单的菜单结构：

<ul class="navigation">
  <li><a href="javascript:void(0)" onclick="javascript:dataTable()">Preview all record</a></li>
</ul>

在我的项目的某些情况下，我需要在用户点击此标签时禁用调用dataTable（）函数

我正在使用此

$('ul.navigation a').click(function(event){
     event.preventDefault();
});

但它不能与我合作

Answer 1

请尝试删除onclick HTML属性：

$("ul.navigation a").removeAttr("onclick");

Answer 2

尝试保存该值并设置onclick属性，不带任何内容：

var tmpVal = $("ul.navigation a").attr("onclick");
 $("ul.navigation a").attr("onclick","");

您可以再次恢复该值：

$("ul.navigation a").attr("onclick",tmpVal );

Answer 3

您可以使用变量来存储是否调用dataTable（）：

onclick="javascript:if(showTable)dataTable()"

http://jsfiddle.net/shZFj/1/