Question

我有一些非常简单的jQuery，在我的Rails .erb文件中，我无法让它工作。我的.erb文件是：

<script type="text/javascript">
  $('.check').prop('checked', true);
</script>

<%= bootstrap_form_for(@shipping_shop, layout: :inline) do |f| %>

<div class="input-lg check">
  <%= f.check_box :enabled, label: "Standard shipping enabled?" %>
</div>

.... stuff removed for brevity

<%= f.submit 'Save Standard Settings', class: 'btn btn-primary btn-lg 
btn-block' %>
<% end %>

我的application.js文件如下所示：

//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .

我正在使用“Rails Bootstrap Forms”宝石。我可以通过传入参数来检查框，但我想弄清楚为什么我不能让任何jQuery工作。

我正在做“Setting "checked" for a checkbox with jQuery?”，但不明白出了什么问题。

我尝试将check类直接更改为元素，但这也不起作用：

<div class="input-lg check">
  <%= f.check_box :enabled, label: "Standard shipping enabled?",  
  class:"check" %>
</div>

Answer 1

首先尝试加载文档：

$( document ).ready(function() {
 $('.check').prop('checked', true);
});

或：

 $( document ).ready(function() {
     $('.check').prop('checked', 'checked');
    });

Answer 2

您是否已将application.js添加到iframe的页面中？由于iframe中的页面是独立页面，因此它无法识别父页面中包含的css文件或javascript文件。

Answer 3

试试这个

  $('.check').prop('checked', 'checked');

jQuery prop不在iframe中工作

3 个答案: