为什么在用Ajax响应替换页面内容时不应用jQuery插件?

时间:2014-04-15 11:14:23

标签: javascript jquery html css ajax

目前我正在使用jQuery ajax向页面添加内容,我使用jquery.selectbox-0.6.1.js插件来设置选择框样式。

第一次加载页面时会应用插件,但是当我点击获取ajax响应以替换页面的某些内容时,selectbox插件不会将css样式应用于替换ajax选择框。

这是我的代码:

$.ajax({
                  url: '/find-job?filter=1',
                  type:'GET',
                  async:'false',
                  success: function (data) 
        {
                      var $response=$(data);
                      $response.find('.view').each(function(){
                      $('.view').replaceWith(this).html;
           });
         }

}); 

一切正常,但selectbox插件不适用于选择框。

为什么插件不会自动应用css?

1 个答案:

答案 0 :(得分:0)

在添加新内容后,您可以通过将其置于成功回调中来重新初始化selectbox插件:

success: function (data) {
    var $response=$(data);
    $response.find('.view').each(function(){
        $('.view').replaceWith(this).html();
    });
    $("#element").selectbox();
});

实际上你的代码很乱,但你明白了。