下拉菜單選擇值使用jQuery，Bootsrap

請在我的頁面上有幾個下拉菜單。我試圖改變選定的值，並且遇到了很大的問題。似乎沒有任何東西可以觸發這似乎是我的jQuery代碼根本沒有被調用，或者它的工作？下拉菜單選擇值使用jQuery，Bootsrap

我將下拉列表嵌入到佈局頁面的mvc視圖中。以前，我在下面的佈局頁面標題中添加了我的Java腳本代碼。

<script type="text/javascript"> 
    $(function(){ 

     $(".dropdown-menu li a").click(function(){ 

      $(".btn:first-child").text($(this).text()); 
      $(".btn:first-child").val($(this).text()); 

     }); 

    }); 
    </script>

下面是我的我的下降，由呈現在我的LayoutPage @RenderPage

<div class="btn-group"> 
    <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown"> <span data-bind="label">Select a Country</span>&nbsp; 
     <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
       <li><a href="#">United States</a></li> 
       <li><a href="#">Canada</a></li> 
       <li class="divider"></li> 
       <li><a href="#"><span class="glyphicon glyphicon-star"></span> Other</a></li> 
      </ul> 
     </div> 

    <div class="btn-group"> 
    <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown"> <span data-bind="label">Select a State</span>&nbsp; 
     <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
       <li><a href="#">Washingtong</a></li> 
       <li><a href="#">California</a></li> 
       <li class="divider"></li> 
       <li><a href="#"><span class="glyphicon glyphicon-star"></span> Other</a></li> 
      </ul> 
     </div>

我試圖如圖所示的問題Here，並沒有成功，許多替代我的觀點了。請問我哪裏錯了？任何幫助，將不勝感激

來源

2015-02-12 Nuru Salihu

http://jsfiddle.net/52VtD/10309/這是一個工作問題 – 2015-02-12 08:55:51

@TarekNajem問題是我的Javascript代碼不啓動。代碼由於某種原因沒有被執行。 – 2015-02-12 09:17:21

打開Google Chrome控制檯Ctl + Shift + J並檢查錯誤。檢查是否正確包含jquery庫 – 2015-02-12 09:24:45

謝謝你們，找到了問題。就像我懷疑我的javascrip代碼沒有執行。我剛剛意識到我的腳本是在jQuery.js腳本引用之前編寫的。這就像

<script type="text/javascript"> 
     My script . 
    </script> 
<script src="~/Content/js/bootstrap.min.js"></script> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>

我現在現在改爲

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> 

<script type="text/javascript"> 
      My script . 
    </script>

其工作。所以JQuery必須先被引用/加載。那是我犯的錯誤。謝謝你們。

來源

2015-02-12 10:04:55

下拉菜單選擇值使用jQuery，Bootsrap

回答

相關問題