使用單選按鈕和JQuery更改圖像

我目前堅持嘗試在單選按鈕選擇的基礎上呈現用戶視圖中的不同圖像。我能夠操縱圖像，如果我硬編碼的選擇，但我找不到如何將用戶的選擇從JQuery傳遞給Rails。使用單選按鈕和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 %>

然後我有我試圖用基於兩種選擇關閉圖像的更新一個div，我的功能改變，在我聽的JavaScript文件中查找該上的click事件：

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

我遇到的問題是如何讓我的以前的變量我的部分？

<!-- 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 %>

如果我可以設置此@button_image實例變量設置爲我的JQuery $圖像對象，我會很好的，雖然我不知道這是可能的嗎？我能否將JQuery對象保存到會話中並在此處使用？謝謝

來源

2012-06-12 Kombo

的$.getScript()方法是隻對$.ajax()方法（鏈接：http://api.jquery.com/jQuery.getScript/）的簡寫

你可以只使用普通$.ajax()方法有data屬性。例如：

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

現在在rails中，您可以通過params散列來訪問它。

更多信息：http://api.jquery.com/jQuery.ajax/

來源

2012-06-12 20:57:17 billythetalented

使用單選按鈕和JQuery更改圖像

回答

相關問題