jQjuery手機 - 選擇不工作

我有以下選擇設置。我看到它顯示第一個選項。但是，當我點擊查看其他項目時，沒有任何反應。爲什麼不能將下拉列表展示給他們？jQjuery手機 - 選擇不工作

<div data-role="page" id="movies"> 
<div data-role="header"> 
    <img src="/Content/Images/baron-funds-logo.svg" /> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 
    <h3>Movies</h3> 
    <br /> 
    <div class="ui-field-contain"> 
     <label for="select-native-1">Movies</label> 
     <select name="select-native-1" id="select-native-1"> 
      <option value="1">1st</option> 
      <option value="2">2nd</option> 
      <option value="3">3rd</option> 
     </select> 
    </div> 
    <a href="#home-page" data-role="button">Home</a> 

    <div data-role="footer"> 
     <!-- footer is in layout --> 
    </div><!-- /footer --> 
</div>

編輯：

我嘗試過的實驗。在同一個應用程序中，我添加了此頁：

<!DOCTYPE html> 
<html> 
<body> 

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
</body> 
</html>

它的行爲方式相同。什麼都沒發生。

來源

2017-10-05 Scott

顯示你的JavaScript/jQuery代碼，請 –

我沒有寫任何。請參閱上面的修改。 – Scott

在沒有問題的小提琴中工作... https://fiddle.jshell.net/rigobauer/6vLar8dc/你使用的是什麼jquery和jquery移動版本？你在使用其他插件或庫嗎？你有任何控制檯錯誤可以來自其他JavaScript/jQuery代碼？ –

檢查這，看看是否是你的情況......

JQuery Mobile Select Box not working

...顯然，你可能需要創建form標籤或添加data-native-menu="false"。

<!DOCTYPE html> 

<html> 
<body> 

<form action="#" method="get"> 
    <select data-native-menu="false"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
    </select> 
</form> 

</body> 
</html>

如果這不起作用，你可以，也嘗試更新您的jQuery和jQuery的移動源文件到最新版本兼容。

我希望它能幫助

來源

2017-10-05 19:51:08

添加data-native-menu =「false」修復了這個問題。謝謝！ – Scott

好聽！祝你有美好的一天，快樂的編碼！ –

jQjuery手機 - 選擇不工作

回答

相關問題