Liferay 7 JQuery下拉列表（+）按鈕

我想將此導航欄Here is the Link放入我的Liferay 7門戶主題（使用freemarker）中。Liferay 7 JQuery下拉列表（+）按鈕

問題是我不能在移動屏幕中的下拉按鈕（+）。

我的導航控制檯顯示：

不匹配的匿名定義（）模塊：jQuery的，jquery.smartmenus

不匹配的匿名定義（）模塊：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>

Th ANK您

來源

2017-06-08 NeptuneZ

嗨，你可以擺弄你的代碼 –

只需編輯另一種解決方案，謝謝你的提醒 – NeptuneZ

把下面的代碼片段，在你的JSP文件的頂部

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

你可以看到從here

來源

2017-06-10 10:09:18 ckpatel

Liferay 7 JQuery下拉列表（+）按鈕

回答

相關問題