javascript - 单击按钮时不会转到网址

Question

我的 js 按钮有问题。现在，它们工作得很好，但我试图将我的“在线订购”按钮变成一个链接，打开一个新窗口到 Menufy 菜单页面。但是，我似乎无法弄清楚。现在按钮基本上被设置为选项卡。

<section class="menu_options"> 
      <button class="menu_btn" onclick="displayMenu('dine-in');">Dine in</button> 
      <button class="menu_btn" onclick="displayMenu('take-away');">Take Away</button>
      <button class="menu_btn" onclick="displayMenu('lunch');">Lunch</button> 
      <button class="menu_btn" onclick="displayMenu('online');">Order Online</button> 
</section>

displayMenu = function(menu){
  $(".menu_inner").find(".menu-active").toggleClass("menu-active").slideToggle();
  $(".menu_inner").find("#"+menu).toggleClass("menu-active").slideToggle();
}

Answer 1

要将您的按钮更改为链接，您可以尝试如下

<a href="javascript:void(0)"  onclick="displayMenu('online');">Order Online</a>

The void operator evaluates the given expression and then returns undefined.

The void operator is often used merely to obtain the undefined primitive value, usually using “void(0)” (which is equivalent to “void 0”). In these cases, the global variable undefined can be used instead (assuming it has not been assigned to a non-default value).

原因void(0)使用是因为，如果未指定，则 <a> 的默认行为，即重定向到指定的 href 将无效，并且 onclick指定的将被调用