js選擇器，在新創建的div中插入ruby部分

Question

我有數字字段和關聯的空白div。我可以這樣做的代碼：當您增加或減少數字字段內的數字，並且一個新的div插入空格後。 1在數字字段1新的div，2在數字字段1新的div 2總divs，3在數字字段1新的div 3總divs。等等。

現在我的代碼正在創建一個新的空白div，其中沒有任何東西。但是我想要的是新的div在新的div裏面創建一個ruby部分。

這裏是一個演示：

http://jsfiddle.net/7PhJZ/39/

這是我在js.erb文件試圖

$(document).ready(function() { 
    $('.product-quantity').each(function() { 
     $(this).data('val', this.value); 
    }).on('change', function() { 
      var val = $(this).val(), 
        old = $(this).data('val'), 
        ele = $(this).closest('[id^="product"]').find 
        ('[data-size="'+this.name+'"]'), 
        inc = val >= old; 

      if (inc) { 
       $('<div/>', { 
        'class': 'name-number-field', 'text':'<%= render :partial => 
       'name_number_field', :locals => {:product => product, :size => size} %>' 
       }).insertAfter(ele); 
      }else { 
       $('div.name-number-field', ele.parent()).last().remove(); 
      } 

      $(this).data('val', this.value); 
     }); 
}); 

Answer 1

我不知道如何要麼，但我有一個想法 gem'cocoon'完全按照你想要的（使用JS渲染一個局部區域），但是它需要關聯模型 假設你沒有模型關聯，你只想插入部分，我建議去看看cocoon的工具ntation的想法和做法

https://github.com/nathanvda/cocoon/blob/master/lib/cocoon/view_helpers.rb https://github.com/nathanvda/cocoon/blob/master/app/assets/javascripts/cocoon.js

Answer 2

您可以在js.erb文件做到這一點：

$('#yourDiv').html('<%= escape_javascript(render :partial => "name_number_field", :locals => { :product => product, :size => size })%>');