jQuery道具在iframe中不起作用

jQuery prop not working in iframe

本文关键字：不起作用 iframe jQuery      更新时间：2023-09-26

我的Rails.erb文件中有一些非常简单的jQuery，但我无法让它工作。我的.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工作。

我正在用jQuery为复选框设置"选中"复选框？，但我不明白怎么了。

我试图将check类直接更改为元素，但也没有成功：

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

尝试先加载文档：

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

或：

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

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

试试这个

  $('.check').prop('checked', 'checked');
相关文章：