返回的 RJS 代码不执行

Question

我正在使用 jQuery 和 Rails。我正在尝试发出 PUT 请求来更新任务。呼叫成功。但是，返回的 javascript 代码不会执行。代码正常返回，但只是不执行。

这是我正在发出的 jQuery put 请求。

$("#droppable_<%= bin.id -%>").droppable({
      drop: function(event, ui) {
        div_ids = ui.draggable.attr('id').split('_');
        $.post('/tasks/' + div_ids[div_ids.length - 1], {'task[bin_id]' : '<%= bin.id -%>', _method:'PUT'}, function(data) {

        });
      }
    });

这是 rjs 代码。

render :update do |page|
    page.alert 'success'
    page.remove "draggable_#{params[:id]}" if old_bin_id.to_s != params[:task][:bin_id]
    page.replace_html "count_#{old_bin_id}", current_user.tasks.bin(old_bin_id).size
    page.replace_html "count_#{params[:task][:bin_id]}", current_user.tasks.bin(params[:task][:bin_id]).size
end

这是我完成请求后得到的结果。

try {alert("success");jQuery("#draggable_2").remove();jQuery("#count_2").html("");jQuery("#count_3").html("2");} catch (e) { alert('RJS error:\n\n' + e.toString()); alert('alert(\"success\");\njQuery(\"#draggable_2\").remove();\njQuery(\"#count_2\").html(\"\");\njQuery(\"#count_3\").html(\"2\");'); throw e }

这是正确的，但它只是不执行。知道为什么吗？

Answer 1

因为如果你想使用 jQuery 处理 rjs 有两种方法可以做到这一点：

$("#droppable_<%= bin.id -%>").droppable({
  drop: function(event, ui) {
    div_ids = ui.draggable.attr('id').split('_');
    $.post('/tasks/' + div_ids[div_ids.length - 1], {'task[bin_id]' : '<%= bin.id -%>', _method:'PUT'}, function(data) {
       eval(data) #run js ajax returned
    });
  }
});

或者

$("#droppable_<%= bin.id -%>").droppable({
  drop: function(event, ui) {
    div_ids = ui.draggable.attr('id').split('_');
    $.ajax({
         url:'/tasks/' + div_ids[div_ids.length - 1],
         data: {'task[bin_id]' : '<%= bin.id -%>', _method:'PUT'},
         dataType: "script",
         type: "POST"
    });
  }
});