如何将raty插件应用于新生成的div？ [英] How to apply raty plugin to new generated divs?

问题描述

我有一个带有raty div的页面。使用经典代码 $（'。raty'）。raty（{...}）; 该插件可以完美地处理这些现有的div。但是当我通过ajax函数加载新的raty div时，新的div没有变成星星。你能帮我找到我的错吗？

I have a page with raty divs. With the classic code $('.raty').raty({...}); the plugin works perfectly on these existing divs. But when I load new raty divs thanks to an ajax function, new divs are "not transformed into stars". Could you please help me to find my mistake ?

$.ajax({
    url: '/ws/player/reviews/p/1',
    context: document.body,
    contentType: "application/json; charset=utf-8",
    dataType: "jsonp",
    jsonp: "callback",
    jsonpCallback: "jsonpCallbackfunction",
    success: function(data) {
        $.each(data.response.reviews, function( key, value ) {
            html = '';
            html += '<div class="raty read" data-rating="5"></div>';
            $('#reviews').append(html);
        });

    }
    data: {player_id: player_id, from: $('#reviews').data('from')}
}).done(function() {
    $(this).find('.raty').raty({
        path: '/img/raty/',
        readOnly: true,
        score: function() {return $(this).data('rating');}
    });
});

虽然，如果我尝试 $（this）.find（'。raty '）。html（'blablabla'）; blablabla正确地写在我的所有'.raty'div中。

Although, if I try $(this).find('.raty').html('blablabla'); "blablabla" is correctly written in all my '.raty' divs.

谢谢你你帮忙，

Jeremy

推荐答案

你没有犯错误

$.ajax({
url: '/ws/player/reviews/p/1',
context: document.body,
contentType: "application/json; charset=utf-8",
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "jsonpCallbackfunction",
success: function(data) {
    $.each(data.response.reviews, function( key, value ) {
        html = '';
        html += '<div class="raty read" data-rating="5"></div>';
        $('#reviews').append(html);
    });
}
data: {player_id: player_id, from: $('#reviews').data('from')}}).done(function() {
$(this).find('#reviews .raty').raty({ // Changes
    path: '/img/raty/',
    readOnly: true,
    score: function() {return $(this).data('rating');}
});});

希望，此代码可以使用

这篇关于如何将raty插件应用于新生成的div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！