如何在新选项卡中打开特定菜单div

Question

我已经创建了一个单页面的网站。当我点击菜单时，它会转到特定的div标签。当我右击菜单并点击‘在新标签中打开’时，它会打开url "www.mysite.com/#“，而不是"www.mysite.com/#show-3”。

请帮我处理一下this......soon

​

/**************Script used to open Different menu div on page*********************/
	$(".menu a").click(function(){
		var id =  $(this).attr('class');
		id = id.split('-');
		$("#menu-container .content").hide();
		$("#menu-container #menu-"+id[1]).addClass("animated fadeInDown").show();
		return false;
	});

<div class="menu-wrapper">
  <ul class="menu">
    <li><a class="show-1" class="MENUNAME" href="#" onclick="javascript:myFunction(this);">About Us</a></li>                            							
	<li><a class="show-2" class="MENUNAME" href="#" onclick="javascript:myFunction(this);">Rooms</a></li>
	<li><a class="show-3" class="MENUNAME" href="#" onclick="javascript:myFunction(this);">Reservation</a></li>
	<li><a class="show-4" class="MENUNAME" href="#" onclick="javascript:myFunction(this);">Gallery</a></li>  
    <li><a class="show-5" class="MENUNAME" href="#" onclick="javascript:myFunction(this);">Contact Us</a></li> 
  </ul> <!-- /.menu -->
</div>

​

Answer 1

这将会起作用

<a target="_blank" href="yourlink">Link</a>

在你的情况下

​

<div class="menu-wrapper">
  <ul class="menu">
    <li><a target="_blank" class="show-1" href="#">About Us</a></li>                            		<li><a target="_blank" class="show-2" href="#">Rooms</a></li>
	<li><a target="_blank" class="show-3" href="#">Reservation</a></li>
	<li><a target="_blank" class="show-4" href="#">Gallery</a></li>                            
    <li><a target="_blank" class="show-5" href="#">Contact Us</a></li> 
  </ul> <!-- /.menu -->
</div>

​

Answer 2

大多数浏览器中的“在新标签中打开”按钮将遵循标准的超链接规则，这意味着它们将打开标签的href。一个单页面的站点通常用javascript和动态html生成来管理它的所有内容。在新选项卡中打开功能不知道如何处理此问题。

你要做的是编写路由和html生成逻辑，给你所有的链接实际的href属性，而不仅仅是hashtag。对于正常的页面导航，您可以在用户单击链接时返回false，这样您就可以执行正常的单页面逻辑，但是当有人强制浏览器导航到href位置时(就像在新选项卡中打开一样)，您将看到一个实际的页面，其中显示了您的div。

Answer 3

请试用这个fiddle Demo

只需对您的a标签进行微小的更改

<a href="#" target="_blank">