Question

我正在尝试禁用链接可点击事件，直到页面加载为止。但它没有按预期工作。以下是我的代码。

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
         <script type="text/javascript">
             $(document).load(function() {
                 $('a').on("click", function (e) {
                     e.preventDefault();
                 })
             });
         </script>
         <script type="text/javascript">
             $(document).ready(function() {
                 $('a').unbind();
             });

         </script>

Answer 1

试试这个：

     <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
     <script type="text/javascript">
         $(document).on("click", 'a', function (e) {
             e.preventDefault();
         });
     </script>
     <script type="text/javascript">
         $(document).ready(function() {
             $('a').off("click");
         });

     </script>

无需等待加载文档。只需先禁用，然后在文档准备好后重新启用它们。

Answer 2

你必须以相反的方式完成你想要的事情，

$(document).ready(function() {
  //window's load event will be fired after your page loads all resources
  $(window).load(function() {
     //Turn off the bound click event to the anchor tags.
     $('a').off("click");
  });
  //prevent the click over anchor tags.
  $('a').on("click", function (e) {
    e.preventDefault();
  });
});

JS防止默认并解除绑定无法正常工作

2 个答案: