Question

我的应用程序中有一个新的食谱表单，我想在提交前为用户提供实时预览。我找到了一个相对简单的方法来使这个工作的名称：

$(".health-form-section input").on("keyup", function(){
    var $this = $(this);
    $('#show_recipe' + ' ' + '.' + $this.attr('id') + '').html($this.val());
});

...我的观点有以下内容

<div id="show_recipe">
    <div class="page-header">
        <h1 class="recipe_name"></h1> <!-- This gets updated -->
    </div>
    ...
</div>

但是当我需要在显示文本之前格式化文本时，问题就出现了我通常会显示这样的文本，以便我可以提供一系列成分并将其显示为html列表。我应该使用辅助功能吗？我如何将文本传递给函数？

<div class="show-ingredients">
    <strong>Ingredients:</strong>
    <ul class="ing-list">
        <% @recipe.ingredients.split("\n").each do |ing| %>
        <li><%= ing unless ing.blank? %></li>
        <% end %>
    </ul>
</div>

Rails 4 + jQuery：使用辅助方法实时预览表单输入

0 个答案: