jQuery prop не работает в iframe

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

Вы включили application.js в страницу iframe? Поскольку страница в iframe является автономной страницей, она не распознает файлы css или файлы javascript, включенные в родительскую страницу.

Answer 2

Попробуйте

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

Answer 3

Попробуйте загрузить документ первым:

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

или:

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