Liferay 7 JQuery 下拉 (+) 按钮

Posted 2023-02-19

【中文标题】Liferay 7 JQuery 下拉 (+) 按钮

【英文标题】：Liferay 7 JQuery dropdown (+) button

【发布时间】：2017-11-10 02:51:51

【问题描述】：

我想把这个导航栏 Here is the Link 放在我的 Liferay 7 门户主题中（使用 freemarker）。

问题是我不能在移动屏幕的下拉按钮中添加那个 (+)。

我的导航控制台显示：

不匹配的匿名define() 模块：jquery,jquery.smartmenus

不匹配的匿名define() 模块：jquery

这是我的代码：

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.1/addons/bootstrap/jquery.smartmenus.bootstrap.css" />


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.1/addons/bootstrap/jquery.smartmenus.bootstrap.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.smartmenus/1.0.1/jquery.smartmenus.js"></script>




    <!-- Navbar -->
<div class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Menu</a>
  </div>
  
  <div class="navbar-collapse collapse">

    <!-- Right nav -->
    <ul class="nav navbar-nav navbar-right">
      <li class="active"><a href="bootstrap-navbar.html">Default</a></li>
      <li><a href="bootstrap-navbar-static-top.html">Static top</a></li>
      <li><a href="bootstrap-navbar-fixed-top.html">Fixed top</a></li>
      <li><a href="bootstrap-navbar-fixed-bottom.html">Fixed bottom</a></li>
      <li><a href="google.com">Dropdown <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Nav header</li>
          <li><a href="#">A sub menu <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
              <li class="disabled"><a class="disabled" href="#">Disabled item</a></li>
              <li><a href="#">One more link</a></li>
            </ul>
          </li>
          <li><a href="#">A separated link</a></li>
        </ul>
      </li>
    </ul>

  </div><!-- /.nav-collapse -->
</div>

谢谢

【问题讨论】：

嗨，你能摆弄你的代码吗

编辑一下，谢谢提醒

【参考方案1】：

将下面的代码 sn-p 放在 JSP 文件的顶部

<script>
// This is required to load jquery files
// and to overcome the issue : "Mismatched anonymous define() module:" 
define.amd=false;
</script>

你可以从here看到另一个解决方案