Question

我有这个代码将我的内容加载到同一个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>

Answer 1

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

在新选项卡中打开链接 - 让JQuery在同一个div中加载内容

1 个答案: