Menuzord菜单链接问题

时间:2017-06-12 16:35:21

标签: javascript html

我主要是一名设计师,并且写了一些HTML和CSS,但我对javascript并不擅长,我几乎可以肯定这会导致我遇到的问题。我有一个客户端正在使用一个使用Menuzord菜单的模板。这是一个单页面布局,他们希望主导航中的一个链接链接到当前站点之外的另一个网站。我将链接编码为链接,但链接不起作用。任何帮助将不胜感激。

这是该网站的链接... http://raycomdigital.us/medplexmd/

以下是代码:

  <header id="header" class="header">
    <div class="header-nav navbar-fixed-top header-dark navbar-white navbar-transparent bg-transparent-1 navbar-sticky-animated animated-active">
      <div class="header-nav-wrapper">
        <div class="container">
          <nav id="menuzord-right" class="menuzord orange no-bg"> <a class="menuzord-brand pull-left flip" href="javascript:void(0)"><img src="images/logo-wide.png" alt=""></a>
            <ul class="menuzord-menu onepage-nav">
              <li class="active"><a href="#home">Home</a></li>
              <li><a href="#services">Our Services</a></li>
              <li><a href="#questions">Questions</a></li>
              <li><a href="#forms">Forms</a></li>
              <li><a href="#contact">Contact</a></li>
              <li><a href="https://apps.medplexmdinjury.com/cases/" target="_blank">Portal</a></li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </header>

我需要链接的“门户”项目。提前谢谢!

1 个答案:

答案 0 :(得分:0)

可能有一个事件侦听器阻止默认点击处理程序触发。

快速修复此问题是添加onclick属性,该属性优先于附加到父元素的侦听器。

&#13;
&#13;
<header id="header" class="header">
    <div class="header-nav navbar-fixed-top header-dark navbar-white navbar-transparent bg-transparent-1 navbar-sticky-animated animated-active">
      <div class="header-nav-wrapper">
        <div class="container">
          <nav id="menuzord-right" class="menuzord orange no-bg"> <a class="menuzord-brand pull-left flip" href="javascript:void(0)"><img src="images/logo-wide.png" alt=""></a>
            <ul class="menuzord-menu onepage-nav">
              <li class="active"><a href="#home">Home</a></li>
              <li><a href="#services">Our Services</a></li>
              <li><a href="#questions">Questions</a></li>
              <li><a href="#forms">Forms</a></li>
              <li><a href="#contact">Contact</a></li>
              <li><a id="portal" href="https://apps.medplexmdinjury.com/cases/" target="_blank">Portal</a></li>
              <script type="text/javascript">
                var portal = document.getElementById('portal');
                portal.onclick = function() {
                  var win = window.open(portal.href, portal.target);
                  win = null;
                }
              </script>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </header>
&#13;
&#13;
&#13;