Jquery模板插件拒绝替换我的标记?

时间:2012-05-25 19:37:52

标签: javascript jquery

我想用我的数据库中的值替换我的jquery模板中的一些标记,然后我选择一个json编码的数组,但我的模板仍然是空的?这是我的jquery代码:

    $j.get(url, function(json) {
       var singleview = $j('#tx-charbeitsbeispiele-pi1 #singleview');

       singleview.append($j("#singleviewTemplate").tmpl(json).css({
         "display": "block"
        }));
     }

我的json_encoded数据:

   "{"header":"Lorem Ipsum Header","bodytext":"Lorem ipsum dolor sit amet, 
    consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et  
    dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
    dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est 
    Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing 
    elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam 
    erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea   
    rebum.Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor 
    sit amet."}"

我的jquery模板:

   <script id="singleviewTemplate" type="text/html">
     <div class="singleview">
         <h3>${header}</h3>
         <p>${bodytext}</p>
     </div>
   </script>

我的样式表:

#singleview 
{
    position: relative;      
    float: left;          
    width: 1200px;        
    height: 800px;                
    background-color: #ffffff;    
    margin-left: 15px;        
    margin-top: 0px;         
    margin-bottom: 0px;       
    margin-right: 0px;        
    padding: 0px;        
    display:none;
}

1 个答案:

答案 0 :(得分:0)

我将Jquery函数更改为getJSON,因为ajax请求的数据类型不是json而只是text:

 $j.getJSON(url, function(json) {
   var singleview = $j('#tx-charbeitsbeispiele-pi1 #singleview');

   singleview.append($j("#singleviewTemplate").tmpl(json).css({
     "display": "block"
    }));
 }