2016-03-30 17 views
0

Rails .erbファイルに非常にシンプルなjQueryがあり、動作させることができません。私.erbファイルは次のとおりです。jQueryの小道具がiframeで動作しない

<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のブートストラップフォーム" 宝石を使用しています。私は引数を渡すことでボックスをチェックすることができますが、私はなぜ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> 

答えて

1

application.jsをiframeのページに追加しましたか? iframe内のページはスタンドアロンページなので、親ページに含まれるCSSファイルやjavascriptファイルは認識されません。

+0

うーん、いいえ私は..どのように? – ToddT

+0

たとえば、 'app/views/layouts/application.erb'を見てください。 – Aetherus

+0

D * mn !!それでした..ありがとうございました!!! – ToddT

0

は試してみてください。この

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

いいえ..撮影がうまくいきませんでした。何が問題なのですか。 – ToddT

+0

ここは.check要素ですが、divには「チェック」というクラスがあります。おそらくそれは問題の原因です。 – Krishna

+0

いいアイデア..いいえ、私は要素に直接チェッククラスを追加しました..そしてダイスはありません..質問を更新します – ToddT

2

最初の文書をロードしてみてください。

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

または:

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

いいえ..私はこの宝石で何かどういうわけかRubyでの私の設定..私はjqueryとこの宝石との競合について何も見つけることができません。 – ToddT

+0

しかし、iframeページのjqueryライブラリもロードしていますよね? iframeドキュメントは、親ドキュメントから要素/ライブラリを認識しません。 (悪い英語で申し訳ありません) – Jhonnyjks

+0

いいえ、私はありません!私はそれを望む..どのようにするかわからない..今すぐグーグル.. – ToddT

関連する問題