JS preventDefault和unbind不起作用

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