JQuery模板{{if}}语句在Chrome中不起作用

时间:2011-02-15 15:41:31

标签: jquery google-chrome jquery-templates

然而, 在IE或Firefox中运行。有什么建议吗?

编辑:IRT Pointy观察:没有任何错误。这个页面根本没有渲染任何比该部分中的html更多的内容。

<html>
    <head>
        <script src="scripts/jquery-1.4.4.min.js"></script>
        <script src="scripts/jquery.tmpl.js"></script>
        <script id="template" type="text/x-jQuery-tmpl">
            <tr>                
                <td>${field1}</td>
                <td>
                    {{if field2 ==="hello" }}
                      <b>if statement</b>
                    {{else }}
                      <i>else statement</i>
                    {{/if }}
                </td>
            </tr>
        </script>
        <script type="text/javascript">
        var data = [
                        { field1: "yayayaya1", field2: "oyoyoyo1"},
                        { field1: "yayayaya2", field2: "hello"},
                        { field1: "yayayaya3", field2: "oyoyoyo3"}
                   ];               
        $(function() 
        {
            $("#template").tmpl(data).appendTo("#table1");
        });
        </script>
    </head>
    <body>
        <table id="table1">
          <thead>
            <tr>
                <th>field1</th>
                <th>field2</th>
            </tr>            
        </thead> 
        </table>
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

当我尝试它时,它在Firefox(3.6)中无效。但是,将{{else }}更改为{{else}}可以解决两个浏览器中的问题。