How to use ruby code in coffeescript jquery when we want to select an object with dynamic id?

Question

Well, I know that's a common question and found a lot of advice how to do it but it doesn't work for me and I can't understand what's the matter.

index.html.slim

- books.each do |book|
  .row class = "review_form" id = book.id
    .panel
      == render 'reviews/form', review: review, book: book

book.js.coffee

$('.row.review_form').hide()
  $('#new_review_button').on "click", ->
    $('.row.review_form#<%= book.id %>').show()
    $('#new_review_button').hide()
  $('#cancel_review').on "click", ->
    $(".row.review_form#<%= book.id %>").hide()
    $('#new_review_button').show()

According to instructions if you want to use ruby code in javascript you should use <%= ruby code %> as i'm doing here $('.row.review_form#<%= book.id %>').show() but nothing happens. It seems like when i write <%= in brackets it changes into one string and js doesn't understand it's a selector with ruby code. What am I doing wrong? Please, help, I'm totally confused! ><

@Sergio No error, just nothing happens. If I open console and see js there is just $(".row.review_form#<%= book.id %>").hide(); not $(".row.review_form#1").hide(); for instance. And rubymine highlights this line as if it was just a string but not selector when i start writing <%= — Jakov
– Jakov, Commented Jun 17, 2016 at 12:20
Where do you render your coffee file then? Keep in mind that book exists only within that each block. — Sergio Tulentsev
– Sergio Tulentsev, Commented Jun 17, 2016 at 12:41
But isn't Ruby server-side and Coffeescript (javascript) client-side? How could these two worlds possibly interact? — Jeremy Thille
– Jeremy Thille, Commented Jun 17, 2016 at 13:10
I think you need double quotes and #{}. $(".row.review_form##{book.id}").show(). source — Petr Gazarov
– Petr Gazarov, Commented Jun 17, 2016 at 13:28

Community · Accepted Answer · 2017-05-23 11:52:50Z

1

In your case you dont have a rails object in your coffee script file. You can rename your file to book.js.coffee.erb to execute <%= %># erb tags. Otherwise it will be considered as a string only. Refer to this answer for more details. Hope it works :-)

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Jun 17, 2016 at 14:56

noman tayyab

3653 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use ruby code in coffeescript jquery when we want to select an object with dynamic id?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related