如何使用jquery禁用页面上的所有链接和输入按钮

Question

我正在 django 中工作，并创建了一个具有字段闭合的类。当用户为特定对象设置此值时，我想禁用 object_view 页面上的所有按钮和链接。

我正在使用以下 jquery 片段，但它不起作用。任何人都可以帮我找到错误

<script type="text/javascript">
    $("a").css('cursor','arrow').click(function(){
        return false;
    });
    $("input").attr('disabled','disabled');
</script>

更新：不工作意味着所有链接和输入按钮仍然有效，即被定向到正确的页面。我已将此代码片段包含在我的 部分中。

Answer 1

尝试：

<script type="text/javascript">
$(document).ready(function(){
  $("a").css("cursor","arrow").click(false);
  // for jquery older than 1.4.3, use the below line
  // $("a").css("cursor","arrow").click(function(){
  //   return false;
  // });

  $(":input").prop("disabled",true);
  // for jquery older than 1.6, use the below line
  // $(":input").attr("disabled","disabled");
});
</script>

您需要 $(document).ready(...) 以便在元素存在于页面上之前代码不会运行。

Answer 2

我想你可以用这样的东西关闭所有链接（即锚标记）：

$("a").click(function (e) {
   e.preventDefault();
});

这应该适用于按钮和其他输入

$(":input").attr('disabled','disabled');

Answer 3

您需要将整个内容包装在：

$(function() {

});

或

$(document).ready(function () {

});

将输入限制为按钮：

$('input[type="button"]').attr("disabled","disabled");

否则，您将禁用所有输入元素。