доступ к json в шаблоне jquery - PullRequest
Новая
       14

доступ к json в шаблоне jquery

1 голос
/ 22 марта 2012

как я могу разобрать определенное поле 'li' из следующего, используя шаблон jquery? 

<!DOCTYPE HTML>
 <html> 
      <head>
            <meta charset="utf-8">
    <title>JQTsDocument</title>
    <link rel="stylesheet" href="css/layout1.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-template.js"></script>
    <script id="lessons" type="text/x-jquery-tmpl">
        <header>
        <h1>${head1}</h1>
        <img src="${image.source}" />
        <nav>
        <ul>
        <li>
        {{each li}}

        {{/each}}
        </li>
        </ul>
        </nav>
        </header>
    </script>
    <script type="text/javascript">
        var header = [{
            "head1" : "JQT Doc",
            "image" : {
                "source" : "images/logo.png",
                "alternate" : "JQT Doc"
            },
            "nav" : [{
                "ul" : [{
                    "li" : "1st"
                }, {
                    "li" : "2nd"
                }]
            }]
        }];

        $(document).ready(function() {
            $('#lessons').tmpl(header).appendTo('body');
        });

    </script>
</head>
<body></body>

Не понимая, как анализировать это "li", используя каждый цикл внутришаблон и если я хочу получить доступ к элементам навигации, как я могу это сделать

1 Ответ

2 голосов
/ 22 марта 2012

Я думаю, что вы ищете это 

<script id="lessons" type="text/x-jquery-tmpl">
<header>
<h1>${head1}</h1>
<img src="${image.source}" />
<nav>
<ul>
<li>
{{each nav[0].ul}}
        <div>${li}</div>
{{/each}}
</li>
</ul>
</nav>
</header>
</script>

Вы можете найти рабочий образец здесь .

...