編集:_header.mobile.erb
この最も単純な形式でも問題が解決しないため、ファイルを簡略化しました。本番環境ファイルを追加しました
jQuery Mobile 1.2.0を使用しており、ヘッダーに次のような選択メニューがあります。
application.mobile.erb
<%= javascript_include_tag "mobile" %>
mobile.js
//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.mobile-1.2.0.min.js
_header.mobile.erb
<select>
<option value="1">Home</option>
<option value="2">New</option>
<option value="3">About</option>
</select>
この選択メニューは、開発中にうまく表示されます。ただし、展開用にアセットをプリコンパイルすると、二重選択メニューが表示されます(単一選択メニューボタンのように見えるはずですが、ボタン内のボタンのようになります)。通常のボタン(data-role = "button")があり、これらが2倍にならないことに注意してください。
config / environment / Production.rb
config.assets.compile = false
config.assets.precompile += [ 'custom.css', 'mobile.css', 'jquery.mobile-1.2.0.min.css', 'mobile.js', 'jquery.mobile-1.2.0.min.js' ]
これを引き起こしている可能性がありますか?