2017-08-09 233 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