编辑:简化_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 =&#34;按钮&#34;),这些按钮不会加倍。
配置/环境/ 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' ]
导致这种情况的原因是什么?