3

我在 3.2 应用程序中使用 Twitter Bootstrap for Rails，但没有看到复选框出现。

如果我只用直接的 HTML（带有硬编码的复选框，并使用常规的 Bootstrap 资产）查看同一页面，它就可以正常工作。

我相信 HTML 代码是正确生成的……例如：

<div class="field">
    <div class="control-group check_boxes optional"><label class="check_boxes optional control-label">Listing Type</label><div class="controls"><label class="checkbox"><input class="check_boxes optional" id="search_listing_type_id_1" name="search[listing_type_id][]" type="checkbox" value="1" />For Sale</label><input name="search[listing_type_id][]" type="hidden" value="" /></div></div>
  </div>

这是 Rails 代码：

<%= f.input :listing_type_id, collection: ListingType.order(:name), as: :check_boxes, label: "Listing Type" %>

这是一个活生生的例子。在文本“列表平方英尺”旁边，应该是一个复选框。向下滚动到便利设施，您会在那里看到一个显然应该有复选框的列表。

这在开发中也不起作用。

不太清楚为什么它没有出现。

想法？

4

3 回答 3

5

看起来 uniform.js 将复选框的不透明度设置为 0。

如果您不使用它，请尝试禁用 uniform.js。

更新：看起来你在精灵图像上也得到了 404？可能是统一的主题精灵图像？

GET http://realty-cloud.herokuapp.com/img/sprite.png 404 (Not Found)

另一个更新：这绝对是问题所在。Uniform 的工作原理是将输入的不透明度设为 0，使其不可见，但仍可单击，并稍微更改标记，因此看起来像这样。

<div class="checker" id="uniform-listing_amenity_ids_4">
  <span>
    <input class="check_boxes optional" id="listing_amenity_ids_4" name="listing[amenity_ids][]" type="checkbox" value="4" style="opacity: 0;">
  </span>
</div>

它设置了一个 css 规则div.checker span：

div.checker span {
  background-image: url(../img/sprite.png);
}

该图像丢失，因此输入似乎不可见。

于 2013-02-11T10:03:00.577 回答
0

实际上，由于 margin 属性，您的问题有复选框，但它是隐藏的

input[type="checkbox"] {
    float: left;
    #margin-left: -20px;
}

所以删除或更改边距大小

见下文，带萤火虫的FF

在此处输入图像描述

于 2013-02-11T10:26:13.203 回答
0 
$('input[type="checkbox"]').css("visibility","visible");
于 2015-03-07T17:32:35.380 回答