如何使用Jquery正確設置HTML內容？

我有這個JavaScript代碼，它在jsonp數據類型的每個電影中去。對於每部電影，我都必須顯示其縮略圖和其標題以及星級。要顯示星形符號下面的每一個電影我有這樣的代碼：如何使用Jquery正確設置HTML內容？

var include = '<div class="rateit" data-rateit-value="2.5" data-rateit-ispreset="true" data-rateit-readonly="true"></div>'; 
$(".prediction").html(include); //DISPLAYS THE PREDICTION RATING

它只是類prediction的HTML內容設置到這一點 - ><div class="rateit" data-rateit-value="2.5" data-rateit-ispreset="true" data-rateit-readonly="true"></div>
我想直接在我的HTML代碼中使用此上它正在充分運轉，我可以看到星星。這裏是： enter image description here
但我試過這個JavaScript，它不顯示。我只想爲每部電影收視率低於。

這是我的javascript代碼：

var html = ''; 
var count = 0; 

$.each(data.movies, function(index, movie) {  
    html += '<div class="item col-xs-6 col-md-3">'; 
    html += '<div class="thumbnail" style="min-height:320px;max-height:320px;">'; 
     //add link here 
    html += '<a href="viewMovieDetails.php?id=' + movie.id + '">' 
    html += '<img src="' + movie.posters.detailed + '" style="width:175px; height: 230px;" class="img-responsive" alt="" ></a>'; 
    html += '<div class="caption">'; 
    html += '<h5>' + movie.title + '</h5>'; 

    html += '<div class="prediction"></div>'; 
    html += '</div></div></div>'; 


    //set a delay (1second) for a call on rotten tomatoes api and 
    //store data on db 
    if(count > 5){ 
     setTimeout(function() { storeDataOnDB(movie.id);; }, 1000); 
     count = 0; 
    } 
    else{ 
     count++; 
    } 
}); 

// Append movies 
$('#movie_recommend').html(html); 

var include = '<div class="rateit" data-rateit-value="2.5" data-rateit-ispreset="true" data-rateit-readonly="true"></div>'; 
$(".prediction").html(include); //DISPLAYS THE PREDICTION RATING

你認爲什麼是錯的？我錯過了什麼嗎？或者有其他方法可以做到這一點。謝謝您的幫助。

來源

2014-02-15 Harvey

你試圖打開控制檯？有沒有錯誤？ – nikis

@nikis，沒有任何錯誤只是一個警告。 'event.returnValue已被棄用。請改用標準的event.preventDefault（）。 '。我很確定這不是原因。 – Harvey

您是否在標記之前放置了'jquery.rateit.min.js'？ – nikis

您應該通知RateIt插件，新的數據是可用的，只是補充一點：

$(".rateit").rateit();

後$(".prediction").html(include);

來源

2014-02-15 14:43:19 nikis

哇！這工作。謝謝您的幫助。 – Harvey

如何使用Jquery正確設置HTML內容？

回答

相關問題