1

編集:_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' ]

これを引き起こしている可能性がありますか?

4

0 に答える 0