Rails 3 - Ajax - いくつかの基本的なJavascript/Jqueryのヘルプが必要

Question

私はいくつかのjavascriptを学びたいと思っています。

今、私は本当にばかげた単純なギャラリー/画像アプリケーションを持っています。私がしようとしているのは、誰かが画像をクリックすると、それがajaxでモデルデータにあるURLにハイパーリンクされているようにすることです。その理由は、クリックしたときに画像のスコア/投票カウンタを更新するなど、Ajaxで何かをしたいのです。私は、URLを開く方法を考え出したが、私はジャバスクリプトに1をハードコーディングする場合にのみJavaScriptを使用して、これまでのところ

<% @galleries.each do |g| %> 
    <% for image in g.images %> 
    <div id="picture"> 
     <%= render 'top_nav'%> 

     <%= link_to image_tag(image.file_url(:preview)), g.source, :remote => true, :target => "_blank" %> 

：私はこれを行う観点で今

。ここに私のindex.js.erbコード（リアルシンプル）です：

window.open("http://www.google.com"); 

しかし、私は私の見解のdoループにいるように私は私のg.sourceにリンクする方法を見つけ出すことはできません。 JavaScriptでこのモデルデータにアクセスするにはどうすればよいですか？

$(function() { 
    $("#galleries #picture a img").live("click", function() { 
     $.getScript(this.href); 
     return false; 
    }); 
}); 

誰もが、私は自分のアプリケーションのデータとの対話を開始することができますどのように上の任意のポインタを持っている：私はフォロー中... JavaScriptの/ application.jsで、しかし画像のクリックしたときに、このコードをレンダリングする方法を考え出しましたオープンでURLをハードコーディングするのではなく？あなたはhrefあなたがイメージファイルにaポイントから取得する場合、ウィンドウ内の画像を開くには、右のパス上に非常に多くある

おかげ

Answer 1

。

このコードを試してみてください。

$(function() { 
    $("#galleries #picture a img").live("click", function() { 
     var lnk = $(this).closest("a").attr("href"); 
     window.open(lnk); 
     return false; 
    }); 
}); 

"#galleries #picture a img"はあなたにimg要素を与えていますが、画像が含まれているhyperlinkを必要としています。画像URLにはhyperlinkを取得するために$(this).closest("a")を使用します。