jQuery获取带有Rails的元素类在Firefox中引发错误

Question

I use the following JQuery script to update a specific element when the user clicks on a button:

$(function(){
 $("#item_<%= @detail.itemID %>").addClass('selected').html("<%= escape_javascript(render 'pages/item', :item => @detail.item, :@order => @detail.order) %>");
)};

Here is the relevant element in my view:

<tr class = "item_row">
<% items.each do |item| %>
<td class = "item_data <%= item_select(item)%>", id = "item_<%= item.itemID %>" >
    <%= render 'pages/item', :item => item %>
</td>
<% end %>

I am working with Rails and JQuery. The script updates properly with Chrome, but with Firefox the following error gets thrown (I debugged with Firebug):

Error: Syntax error, unrecognized expression: #item_<%= @detail.itemID %>

I use this rails bit of code because I want update only the specific item that relates to what the user clicked. Clearly I need to adapt my JQuery so Firefox can handle the rails element of my code properly, but can anyone point me in the right direction?

Answer 1

I'm assuming that that javascript code is inside an asset file. You can do this but if you set the file to use erb by adding a .erb to the file name. But in your case, you want to evaluate a ruby expression that uses an instance variable which can only be done when you have access to the variable. If you move that javascript function inside the view, you should be able to run it without any errors.