Ruby on Rails

There can only be one instance of an ID on any given page. And nothing you did in this example will render the id #commentable. If you look at my example, I did not use an ID on each element. The selector in $('#commentable').each should be $('#parent_of_the_list div'), and you'll have to apply whatever ID you want to search for to a parent element of the commentables. If you want to do this in a slightly simpler manner, you could apply a classname to the commentables, using the div_for helper: <%= div_for(commentable, class: 'commentable') do %>. Then you can change the jQuery to $('.commentable') and that will also work.

Walter

> On Jun 16, 2017, at 4:14 PM, fugee ohu <fuge...@gmail.com> wrote:
>
> The anchor doesn't get rendered I didn't know what to use for the element name so I used the same as I used the same variable I passed to div_for in my view, commentable Thanks in advance
>
>
> View:
>  <%= div_for(commentable) do %>
>  <% end %>
>
> js.erb
> $(document).on('turbolinks:load', function(){
>   $('#commentable').each(function(){
>     var elm = $(this);
>     elm.append('<a href="/comments/new?commentable_id=' + elm.attr('id').split('_')[1] + '">Comment</a>');
>           });
> });
>
>

$(document).on('turbolinks:load', function(){
  $('#post div').click.(function(){
    var elm = $(this);
    elm.append('<%= form_for @comment do |f| %>  <%= f.hidden_field :commentable_id, value: @comment.commentable_id %><%= f.hidden_field :commentable_type, value: @comment.commentable_type %>  <div class="field form-group">        <%= f.text_area :body, class: 'form-control' %>      </div>      <div class="field form-group">        <%= submit_tag "Post comment", class: 'btn btn-primary' %>      </div>    <% end %>');
  });
});