ajax调用后重新加载jquery插件

时间:2014-03-28 14:04:02

标签: javascript jquery ajax

我有这段代码

jQuery('#select_set').on("change", function() {
    var data_id = { 
        action: 'yasr_send_id_nameset',
        set_id: jQuery(this).val()
}

    //Send value to the Server
     jQuery.post(ajaxurl, data_id, function(response) {
           jQuery('#yasr_rateit_multi_rating').html(response); 
     });
  });

我从ajax得到的回应是这样的

Qualit&agrave; birra <div class="rateit" id="yasr_rateit_multi_0" data-rateit-value="" data-rateit-step="0.5" data-rateit-resetable="true" data-rateit-readonly="false">
                    </div> <br /> 

我只能输出简单的文本,但我无法输出div:div调用一个名为“rateit”的jquery插件。我认为我应该在ajax响应后重新加载插件,但我不知道如何做到这一点。我是js中的总菜鸟

1 个答案:

答案 0 :(得分:1)

jQuery的post()方法将成功函数作为参数,正如您所做的那样。只需在那里包含你的插件init语句:

jQuery.post(ajaxurl, data_id, function(response) {
    jQuery('#yasr_rateit_multi_rating').html(response);
    jQuery('#myElement').rateIt();
});

https://api.jquery.com/jQuery.post