引导模态don'；无法使用Liferay中的下拉菜单

这个问题与我的工作有关。我使用与Tomcat捆绑的Bootstrap 2.3.2和Liferay 6.2。我想使用Bootstrap 2.3.2中创建的模式窗口。感谢前面问题的回答，我能够在Liferay中显示引导模态。问题是当我使用带有按钮的下拉菜单时，它会打开模式窗口

按钮组

<div class="btn-group">
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  Add
          <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
           <li><a href="" id="addVertexModalA" onclick="$('#addVertexModal').modal();" > Vertex1 </a></li>
           <li><a href="" id="addVertexModalB"> Vertex2 </a></li>
       </ul>
       <button onclick="$('#addVertexModal').modal();">Show</button>
</div>

添加




显示

当我点击下拉菜单中的顶点1或顶点2按钮时，模式窗口在显示后立即消失。如果我单击“显示”按钮，就可以了

模式窗口

<div id="addVertexModal" class="modal fade" style="display: none;">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 id="addVertexModalHeader"> Add Vertex </h3>
  </div>
  <div class="modal-body">
    <form class="form-horizontal">
  <div class="control-group">
    <label class="control-label"> names </label>
    <div class="controls">
      <textarea rows="3"></textarea>
    </div>
  </div>
</form>
  </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true"> Cancel </button>
        <a href="" class="btn btn-primary"> Confirm </a>
    </div>
</div>

    <script>

        $(document).on("click","#addVertexModalB",function() {      
           $("#addVertexModal").modal("show");  
        });

    </script>

&时代；
添加顶点
名字
取消
$（文档）。在（“单击”上，“#添加VertexModalb”，函数（）{
$（“#addVertexModal”）.modal（“show”）；
});

我只在门户中使用这些资源

<header-portlet-javascript>/scripts/jquery-1.9.1.js</header-portlet-javascript>
<header-portlet-javascript>/scripts/bootstrap_2.3.2.js</header-portlet-javascript>

/scripts/jquery-1.9.1.js
/脚本/bootstrap_2.3.2.js

---

我想提供JSFIDLE或类似的东西，但它在Liferay系统中不起作用（我想是因为AlloyuiCSS或脚本文件）。我试图用数据切换=“下拉菜单”删除下拉菜单类和下拉切换“类，但没有帮助（显示后模式仍然立即消失）。

从

标记中删除

href=“”

。当您用

单击列表项时，会导致页面上出现

GET

，从而重新加载整个页面（从而导致您的

onclick

永远不会执行并显示模式）。

请尝试从

标记中删除

href=“”

。谢谢。你帮了我很多次。你采取什么步骤来找出这些问题的原因？没问题。我正在考虑写一篇关于我解决问题过程的深度博客，但现在我可以给你一些亮点：1。创建一个最小的工作示例。-在大多数情况下，这意味着尽可能在Liferay之外创建一个示例。（在本例中，这意味着创建示例的JSFIDLE）。如果这没有重现问题，我知道这个bug不在我的最小示例中，它发生在其他地方。因此，要么添加到最小的示例中，直到出现错误（在许多情况下，这意味着在Liferay中运行代码），要么确定该错误是某种配置问题，或者是未提及的问题。-如有必要，要求澄清。3.问题现在已经确定，因此我查看代码以确定原因。-在本例中，我只是猜测一下，因为当我创建最小示例时，当我单击链接时，页面变为空白。当我到达#3时，我还会查看控制台日志以查找错误或奇怪的行为，并在网上搜索类似问题。我发现另一个非常有用的方法是用其他人的代码重新创建一个类似的示例（例如，我会直接从bootstrap网站示例中获取代码，然后尝试一下，看看它是否有效。这样，我知道我没有引入任何我自己的错误。）。旁注：我已经在问题中添加了一个关于您的问题的详细答案。如果你能接受，那就太好了。