在jQuery模板中的脚本标签内传递数组

Question

我试图在下面的脚本中传递一个数组，但它没有作为一个数组。下面是传递给 jquery-template 的散列结构。 options 是我要传递的数组

{
   "options": [
      [
        "category 1",
        "category 1",
        [
          [
            "subcategory 1",
            "subcategory 1",
            [
              [
                "item 1",
                "item 1"
              ],
              [
                "item 2",
                "item 2"
              ]
            ]
          ],
          [
            "subcategory 2",
            "subcategory 2",
            [
              [
                "item 1",
                "item 1"
              ],
              [
                "item 2",
                "item 2"
              ]
            ]
          ]
        ]
      ]
    ]
  }

我有我正在渲染的 jquery-template 代码，当我将选项传递给下面的 data_tree 时，它​​不会将其作为数组，而是将其作为非字符串，这会引发错误。

<script id="nestedFieldTemplate" type="text/x-jquery-tmpl">
  <script type="text/javascript">
        jQuery(document).ready(function(){
            jQuery('#div_ff').nested_select_tag({
                initValues: { 
                    "subcategory_val":null,
                    "item_val":null,
                    "category_val":null         
                },
                default_option: "<option value='-1'>...</option>",
                data_tree: ${options},
            });
        });
    {{html "</sc"+"ript>"}}
</script>

我也尝试将它作为普通的 javascript 变量传递，但没有运气。我会在下面的代码中将 jquery-template 变量作为数组传递。

下面是它是如何生成脚本的。

jQuery(document).ready(function(){           
    jQuery('#div_ff_ffs_02').nested_select_tag({            
        initValues: {             
            "subcategory_val":null,             
            "item_val":null,             
            "category_val":null                     
        },              
        default_option: "<option _tmplitem="14"  value='-1'>...</option>",              
        data_tree: category 1,category 1,subcategory 1,subcategory 1,item 1,item 1,item 2,item 2,subcategory 2,subcategory 2,item 1,item 1,item 2,item 2,subcategory 3,subcategory 3,,category 2,category 2,subcategory 1,subcategory 1,item 1,item 1,item 2,item 2,                        
    });       
});       

Answer 1

通过将您的代码粘贴到 Notepad++ 中，我在数组中发现了一个额外的大括号。试试这个：

{
    "options": 
    [
        [
        "category 1",
        "category 1",
            [
                [
                "subcategory 1",
                "subcategory 1",
                    [
                        [
                        "item 1",
                        "item 1"
                        ],
                        [
                        "item 2",
                        "item 2"
                        ]
                    ]
                ],
                [
                "subcategory 2",
                "subcategory 2",
                    [
                        [
                        "item 1",
                        "item 1"
                        ],
                        [
                        "item 2",
                        "item 2"
                        ]
                    ]
                ]
            ]
        ]
    ]
}

练习良好的缩进习惯，这个问题会少很多。