0

我有这段代码，它将我的内容加载到同一个 div 中，当我单击菜单时淡入和淡出不同的部分。但我不能使用任何指向另一个网站的链接。当我单击我创建的那种链接时，它会清除其内容的 div 并且不会打开链接。

有什么解决办法吗？我也尝试添加一个目标属性，它不起作用。

这里是 JQuery 和 HTML 部分。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  document.documentElement.className += " js";   
  $(function(){
    var $containers = $("#animators > div").hide();
    $containers.eq(0).show();

    $('a').each(function(i,el){
      var idx = i;
      $(this).click(function(e){
        var $target = $containers.filter(':eq(' + idx + ')');
        if($containers.filter(':visible').not($target).length){
          $containers.filter(':visible').fadeOut(400, function(){
            $target.not(':visible').fadeIn(400);
          });
        } else {
          $target.not(':visible').fadeIn(400);
        }

        e.preventDefault();
      })
    })
  });
</script>




<div id="animators">
    <div class="container">
    <p><a class="content" href="http://www.google.com" title="Google>Google</a></p>
Text and content here #1
    </div>
    <div class="container">
Text and content here #2
    </div>
</div>
4

1 回答 1

0

您e.preventDefault();在 CLICK 事件处理程序中有这意味着它可以防止<a>标签的默认行为 - 打开链接。如果您出于某种原因需要此预防措施，请使用document.location = link或window.open()功能打开新标签。

于 2012-07-28T14:44:06.730 回答