event.preventDefault() не позволяет открыть ссылку

Question

У меня есть следующий фрагмент кода, но, несмотря на то, что нажатие ссылки event.preventDefault() по-прежнему приводит к открытию этого целевого div! Я прочитал все вопросы по этой проблеме в stackoverflow, но ни одна из них не решила мою проблему. Часть предупреждения выполняется, но event.preventDefault() не работает! Пожалуйста, помогите мне!

HTML, является:

<ul class="projects-info"> 
    <li><a href="#tabs-1">file upload</a></li>                  
    <li class="projects-det"><a href="#tabs-2">file specification</a></li> 
</ul> 
<div style="border:1px solid #1c94c4;" id="tabs-2"> 
    this is the div content 
</div> 

JQuery является:

<script type="text/javascript" src="Scripts/jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() 
    { 
     $("ul.projects-info li.projects-det a").bind('click',function(event) 
     { 
     event = event || window.event; 
    alert("for checking"); 
     if(event.preventDefault) 
     { 
      event.preventDefault(); 
     } 
     if (event.stopPropagation) 
     { 
      event.stopPropagation(); 
     } 
     return false; 
    }); 
}); 

Answer 1

Похоже, что вы используете другую библиотеку для поддержки интерфейса с вкладками.

Если ссылка является обычной гиперссылкой на другую страницу, тогда да preventDefault остановит это.

Однако, если есть два обработчика, связанных с одним и тем же событием (в вашем случае «нажмите»), то каждый работает независимо друг от друга. Вы не можете контролировать порядок, и они не могут подавлять друг друга.

Так что обработчики, которые обязаны выполнять табуляцию, все равно активируются.

Вот скрипка: http://jsfiddle.net/4J9Ap/

Два Обработчики привязаны к одной и той же ссылке - как огню.

$(document).ready(function() 
    { 
     $("ul.projects-info li.projects-det a").bind('click',function(event) 
     { 
     event = event || window.event; 
     if(event.preventDefault) 
     { 
      event.preventDefault(); 
     } 
     if (event.stopPropagation) 
     { 
      event.stopPropagation(); 
     } 
     alert("handler 1") 
     return false; 
     }); 

    $("a#myLink").bind('click',function(event) 
     { 
     event = event || window.event; 
     if(event.preventDefault) 
     { 
      event.preventDefault(); 
     } 
     if (event.stopPropagation) 
     { 
      event.stopPropagation(); 
     } 
      alert("handler 2") 
     return false; 
     }); 
});