Silly though it may be, I can't get a list to be draggable. I haven't set up the update partials but I can't even get the elements to become draggable. Here is what my HTML output is:
<head> <script src="/javascripts/dragdrop.js?1230671275" type="text/javascript"></script> </head>
<div id='Q2_answers'> <ul id='Q2_answer_list' class='answer_list'> <li id='item_3' class='answer_list_item'>John</li> <li id='item_2' class='answer_list_item'>Edward</li> <li id='item_1' class='answer_list_item'>Bill</li> </ul> </div>
<script type="text/javascript"> //<![CDATA[ Sortable.create("Q2_answer_list", {onUpdate:function(){new Ajax.Updater('Q2_answers', '/surveys/1', {asynchronous:true, evalScripts:true, onComplete:function(request){new Effect.Highlight("Q2_answer_list",{});}, parameters:Sortable.serialize("Q2_answer_list") + '&authenticity_token=' + encodeURIComponent('de77455cc1af8b8c3e33f2faf5f3a391a1f4e1cb')})}}) //]]> </script>
The ERB for this is: <%= sortable_element "Q#{question.position}_answer_list", :update => "Q#{question.position}_answers", :complete => visual_effect(:highlight, "Q#{question.position}_answer_list") %>
Why won't these elements drag??? Thanks in advance.