Render javascript (jquery) dynamically

Question

I'm using jquery datepicker(). In my index, I'm looping over: @tasks using a partial

<%= render :partial => 'tasks/task', :collection => @tasks %>

In my task partial, I am assigning each task it's own parent div with an ID unique to each task, so:

<div id="task_<%= task.id %>">
<%= task.desc %>
</div>

As it stand (and it works but it's obtrusive), I can call a partial containing javascript at the bottom of the task partial like so:

<%= render :partial => 'tasks/task_javascript.js.erb', :locals => {:task => task}

Which contains some code that gets generated on the fly for each task. All works well, but it's obtrusive.

What is a better way to dynamically create some jquery code to hook into a task, which needs to be unique. I can't add a class to each task and call the datepicker() option on all items with that class because it only seems to work for the first item. The hook has to be on a unique ID.

A second sidenote question is: Why is rails rendering the javascript partial as inline HTML unless I add script tags?

<script>...javascript goes here...</script>

christianblais · Accepted Answer · 2011-02-20 15:49:39Z

1

Can't you, as you said, give each item a common class, then iterate on these items, check for their id, then hook the datepicker to it?

answered Feb 20, 2011 at 15:49

christianblais

2,46817 silver badges14 bronze badges

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

1 Comment

Steve Over a year ago

That never really occurred to me - going to give that a shot now. Thanks!

Collectives™ on Stack Overflow

Render javascript (jquery) dynamically

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related