라디오 버튼과 JQuery로 이미지 바꾸기

Question

나는 라디오 버튼 선택에 기반하여 사용자보기에서 다른 이미지를 렌더링하려하고있다. 하드 코딩을 선택하면 이미지를 조작 할 수 있지만 사용자 선택을 JQuery에서 레일스로 전달하는 방법을 찾을 수 없습니다. 라디오 버튼과

먼저 내보기과 같이이다 :

<!-- VIEW CODE --> 
<% [ 'credit_32.png', 'credit_64.png' ].each do |image| %> 
      <%= radio_button_tag 'image', image, @image == image, :class => 'image' %><%= image_tag(image)%> 
    <% end %> 

내가 다음에 내 기능 변경, 내가 선택을 기반으로 이미지 중 하나를 사용하여 업데이트하기 위해 노력하고있어 사업부가 내가 클릭 이벤트에이 수신 자바 스크립트 파일 :

// Javascript Asset File 
    $(function() { 
     $("input.image").live("click", function() { 
      $image = ($(this).val()); 
      $.getScript(this.href); 
     }); 
    }); 

이는 $ 이미지 변수에 사용자의 선택을 설정하고 index.js.erb 코드를 호출하는 것이다 다음 부분 다시 쓰게.

// Index.js.erb for responding to 
    $("div#button").html("<%= escape_javascript(render(@button)) %>"); 

내가 가지고있는 문제는 내 이전 변수를 내 부분에 어떻게 가져 옵니까? 내 JQuery와 $ 이미지 객체에이 @button_image 인스턴스 변수를 설정할 수 있다면 나는 이것이 가능하면 모르는 불구하고

<!-- Partial Code --> 
    <% if @button_image = $image %> 
     <%= link_to image_tag(@button_image), button_path(button, :only_path => false), :target => '_blank' %> 
    <% else %> 
     <%= link_to image_tag('credit_32.png'), button_path(button, :only_path => false), :target => '_blank' %> 
    <% end %> 

, 나는 좋은 것? jQuery 객체를 세션에 저장하고 여기에서 사용할 수 있습니까?

당신은 단지 data 속성으로 일반 $.ajax() 방법을 사용할 수 있습니다 다음 $.getScript() 방법 만 $.ajax() 방법 (http://api.jquery.com/jQuery.getScript/ 링크)에 대한 속기 당신

Answer 1

감사드립니다. 예 :

$.ajax({ 
    url: this.href, 
    dataType: "script", 
    data: { image: $(this).val() } 
}); 

이제 레일에 params 해시로 액세스 할 수 있습니다.

자세한 정보 : http://api.jquery.com/jQuery.ajax/