Question

<div class="dropdown">
    <button class="btn btn-default orange-btn dropdown-toggle" type="button" data-toggle="dropdown">
           Mora actions
        <span class="caret"></span>
        </button>
     <ul class="dropdown-menu list ">
       <li><a href="@Url.Action("LiveDetails", "Live", new {id})">Details</a></li>
      <li><a href="">Fetch</a></li>
      <li><a href="">Delay</a></li>
      <li><a href="">Stop</a></li>
      <li><a href="">start</a></li>
     </ul>
</div>

我尝试使用Asp.net mvc语法导航到同一控制器的另一个操作，但它没有这样做，甚至当我尝试在浏览器中检查以查看是否有任何a-tag完整链接，如href =＆＃34; Live / Liveservices / id＆＃34;但没有显示

Answer 1

这是一个带有bootstrap的完全正常工作的Dropdown菜单

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    More
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="@Url.Action("LiveDetails", "Live", new {id})">Details</a></li>
    <li><a href="">Fetch</a></li>
  <li><a href="">Delay</a></li>
  <li><a href="">Stop</a></li>
  <li><a href="">start</a></li>
  </ul>
</div>

在引导脚本

之前添加Jquery脚本

以下是codepen https://codepen.io/anon/pen/JpdJoq

中的链接

Answer 2

您的代码似乎有效。您是否在程序中添加了必要的脚本？

检查是否添加了jquery，bootstrap.min.js和bootstrap.min.css文件。并检查是否正确添加了bootstrap版本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />


<div class="dropdown">
  <button class="btn btn-default orange-btn dropdown-toggle" type="button" data-toggle="dropdown">
           Mora actions
        <span class="caret"></span>
        </button>
  <ul class="dropdown-menu list ">
    <li><a href="@Url.Action(" LiveDetails ", "Live ", new {id})">Details</a></li>
    <li><a href="">Fetch</a></li>
    <li><a href="">Delay</a></li>
    <li><a href="">Stop</a></li>
    <li><a href="">start</a></li>
  </ul>
</div>

为什么我的bootstrap下拉列表不起作用？

2 个答案: