2012-11-02 18 views
1

我想用jquery的.before()重复一个表单元素。方法,这样表单的用户可以在这种情况下在他们的配方中添加更多的成分。使用jquery .before();方法in rails

到目前为止,我想出了这一点,但是我不能在一个js文件

$('document').ready(function() { 
    var ingredient = '<%= f.text_field :ingredients, :class => :ingred %><br>'; 
    $('#addIngredient').click(function(e) { 
    e.preventDefault(); 
    $(this).before(ingredient); 

    }) 
    }); 

我已经使用HTML5做了它,把它的工作这样做

$('document').ready(function() { 

      var ingredient = '<input class="ingredients" name="ingredients" type="text" placeholder="Enter Ingredients Here"><br>'; 
      $('#addingredient').click(function(event) { 
       event.preventDefault(); 
       $(this).before(ingredient); 

       }) 
       }); 

林使用Ruby代码只是有麻烦得到这适合我的红宝石形式

此刻我得到这个输出到页面而不是文本字段

 <%= f.text_field :ingredients, :class => :ingred %> 

任何人都可以帮忙吗?非常感谢

+0

你能告诉我们你的模板的实际输出 - 渲染页面的JS代码? –

+0

更新与输出 – Richlewis

+0

好像你有一个JS文件中的代码吧?我猜ruby不会编译它。您很可能不得不在页面中的