JQuery移動選擇框不工作

Question

這有點瘋狂。 我一直在努力，現在小時的代碼，並沒有運氣：

<div data-role="fieldcontain"> 
    <label for="select-choice-1" class="select">Choose shipping method:</label> 
    <select name="select-choice-1" id="select-choice-1"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

來源：

http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html

當我測試它在我的手機有沒有下拉...其實，沒有什麼hapens在所有。

我忘了什麼？

Answer 1

如果你看一下網頁的源，你可以看到它是在一個表單標籤：

<form action="#" method="get"> 

所以加入這個表單標籤之間會得到想要的結果：Live Example Link

<form action="#" method="get"> 
    <div data-role="fieldcontain"> 
     <label for="select-choice-1" class="select">Choose shipping method:</label> 
     <select name="select-choice-1" id="select-choice-1"> 
      <option value="standard">Standard: 7 day</option> 
      <option value="rush">Rush: 3 days</option> 
      <option value="express">Express: next day</option> 
      <option value="overnight">Overnight</option> 
     </select> 
    </div> 
</form> 

另一個問題則可能是：

嘗試增加此標記下拉：Live Example Link

data-native-menu="false" 

Answer 2

看起來像是從鏈接直接複製粘貼，你是否包括jquery和jquery mobile？

Answer 3

我有同樣的問題，並決定在連接庫

我的頭標記包括這個CSS

code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css 

這

code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js 

和一切運作良好！

Answer 4

我最近有這個問題，並且接受的答案沒有爲我解決它。在創建上一個問題的過程中，我想出瞭解決方案：

當同時使用jQuery UI的和jQuery Mobile的，UI必須在腳本中的列表來移動之前。

我有這樣的：

<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

導致在UI具有優先於我的表單元素，在選擇菜單中尤其明顯。我切換了這些語句，並且Mobile正確地增強了菜單。