0

画像の URL である text_field があり、それを img タグにロードしたいと考えています。また、image_url テキスト ボックスがフォーカスを失ったときに画像を更新して、URL を変更してプレビューを表示できるようにしたいと考えています。

ビューに関連する erb は次のとおりです。

 <div class="control-group">
    <%= f.label :image, :class => 'control-label' %>
    <div class="controls">
      <%= f.text_field :image_url, :class => 'text_field', id: "image_url" %>
    </div>
  </div>

  Preview: <img id="preview" src="">

そして埋め込まれたjs...

<script type="text/javascript">

document.observe('dom:loaded', function() {
  $('preview').src = $('image_url').text
  $('image_url').bind("focusout",function(){
    $('preview').src = this.text
    )}

});

ロード時に何も取得せず、src は変更されません

4

1 に答える 1

3

検索しようとしているオブジェクトのセレクターを指定する必要があります。また、ドキュメントレディを使用します。

$(document).ready(function() {
  $('#preview').src = $('#image_url').text();
  $('#image_url').bind("focusout",function(){
    $('#preview').src = this.text();
  });
});
于 2012-04-04T20:14:55.087 に答える