6

口ひげでループを行うのに問題があります。基本的に、ユーザーは製品にオプションを追加することができます。各オプションには複数の選択肢があります。また、選択肢名 + 価格も一緒になります。次のエラーが表示されます。

キャッチされていないエラー: 未開封のセクション: 選択肢

私のコード:

var choices = new Object();

    $("[name='choice_name']").each(function(){
        var c_name = $(this).val();
        $("[name='choice_price']").each(function(){
            var c_price = $(this).val();
            choices.choice_name = c_name;
            choices.choice_price = c_price;
        });
    });

    console.log(choices);

    var templateData = {
        name: $("[name='option_name']").val(),
        type: $("[name='option_type']").find("option:selected").val(),
        choices: choices
    };

    $.get(default_url+"js_temp/options_widget.html", function(templates){
        $('.current_options').append(Mustache.render(templates, templateData));
    });

HTML:

<div>
  <p class="pull-right"><i class="icon icon-pencil"></i><br /><i class="icon icon-trash"></i></p>
    <p><strong>Option Name:</strong> {{option_name}}</p>
    <p><strong>Option Type:</strong> {{option_type}}</p>
    <hr>
    {{choices}}
    <div class="row-fluid">
      <div class="span7"><p><strong>Choice Name:</strong> {{choice_name}}</p></div>
      <div class="span5"><p><strong>Price:</strong> {{choice_price}}</p></div>
    </div>
    {{/choices}}
</div>

選択オブジェクトの正しい形式を達成できないと思います。私は何を間違っていますか？

ありがとうございました。

4

1 に答える 1

5

ループの構文は次のとおりです{{#choices}} {{prop}} {{/choices}}。-が欠落しているようです#。

{{#choices}}
    <div class="row-fluid">
      <div class="span7"><p><strong>Choice Name:</strong> {{choice_name}}</p></div>
      <div class="span5"><p><strong>Price:</strong> {{choice_price}}</p></div>
    </div>
{{/choices}}

また、構築choicesでは、各オブジェクトを上書きします。各オブジェクトを配列にプッシュしたいと思います。これを試して：

var choices = [];

$("[name='choice_name']").each(function(){
    var c_name = $(this).val();
    $("[name='choice_price']").each(function(){
        var c_price = $(this).val();
        choices.push({ 
            choice_name: c_name, 
            choice_price: c_price 
        });
    });
});

ここを参照してください：http： //jsfiddle.net/U6pLT/1/

于 2012-12-02T23:28:27.717 に答える