레일 3 - 아약스 - 일부 기본 자바 스크립트/Jquery 도움이 필요합니다.

Question

나는 자바 스크립트를 배우려고 노력 중이며 붙어 있습니다.

지금은 정말 어리석은 간단한 갤러리/이미지 응용 프로그램이 있습니다. 내가 뭘하려는 건지, 누군가가 이미지를 클릭하면 내 모델 데이터에있는 모든 아약스가있는 URL로 하이퍼 링크가된다. 그 이유는 이미지를 클릭 할 때 점수/투표 카운터를 업데이트하는 등 아약스로 뭔가를하고 싶습니다. 내가 자바 스크립트로 하나를 하드 만하지만, URL을 여는 방법을 알아 냈어요 자바 스크립트로, 지금까지

<% @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"); 

하지만 난 내 시야의 할 루프에서 오전처럼 내 g.source에 링크 할 방법을 알아낼 수 없습니다. 자바 스크립트에서이 모델 데이터에 어떻게 액세스합니까?

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

누구든지 내 응용 프로그램의 데이터와 상호 작용을 시작할 수 있습니다 방법에 대한 포인터를 가지고 : 나는 추적에 ... 자바 스크립트/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")을 사용합니다.