2017-08-09 130 views
0

我很确定它可能是我需要的一些脚本引用,但是继承人到目前为止我所拥有的。Mvc Dropdownlist选择选择器不显示

我的脚本:

script src="~/scripts/jquery-3.1.1.js"></script> 


<script src="~/Scripts/knockout-3.4.2.js"></script> 
<script src="~/Scripts/moment.js"></script> 
<script src="~/Scripts/knockout.mapping-latest.js"></script> 
<script src="~/Scripts/bootstrap-select.min.js"></script> 
<script type="text/javascript"> 


    $(document).ready(function() { 
     $(".selectpicker").selectpicker({ 
      liveSearch: true, 
      showSubtext: true 
     }); 
    }); 
</script> 

在此之后使用淘汰赛中的对象加载。

我的CSS:

<link rel="stylesheet" href="~/Content/bootstrap-select.min.css"> 

和正常引导。

这里是我的下拉:

<td><u>persons</u><br />@Html.DropDownList("PersonId", (SelectList)ViewBag.PersonId, "Choose the person you want.", htmlAttributes: new 
          { 
           @class = "selectpicker", 
           data_show_subtext = "true", 
           data_live_search = "true" 
          }) 

如果我检查的页面,我能找到的选择与正确的选择,但不显示页面上,除非我删除类“Selectpicker”任何建议如何解决这个?

谢谢。

回答

0

您需要检查chrome开发人员工具该元素的计算属性是什么,您可能会发现该类隐藏了另一个实现。

看到计算属性:

  1. 开放的开发工具上的谷歌浏览器(F12或所需的元素检查元素)
  2. 选择要检查的元素标签
  3. 从元素开发人员工具的右窗格选择“计算”选项卡

那里您可以找到计算的CSS属性列表,并且如果您单击将打开的任何属性此实施的位置

希望能够帮到

+0

感谢您的快速响应,但我一直未能找到错误。 – Laakea

+0

有趣的是我有完全相同的代码,在其他页面上。相同的布局和一切。它在那里工作。我认为这可能是与敲除 – Laakea

+0

奥卡有关,我发现了错误。这是因为它在脚本文本/ html标签内。一旦我将它移出工作。但我需要它在里面。所以必须找到一个解决方案。 – Laakea