ajax加载后多选出价

Question

我有这个代码：

    $('body').live('mousemove mouseover', function () {

    $("#parent_task").multiselect({
        selectedList: 4,
       click: function(event, ui){
            var cntInput=$("#child_task").multiselect("widget").find('input[value='+ui.value+']').parent('label');
            if(ui.checked){ cntInput.hide() }else{cntInput.show() }
       }

    }).multiselectfilter();
    $("#child_task").multiselect({
        selectedList: 4,
       click: function(event, ui){
            var cntInput=$("#parent_task").multiselect("widget").find('input[value='+ui.value+']').parent('label');
            if(ui.checked){ cntInput.hide() }else{cntInput.show() }
       }
    }).multiselectfilter();

});

如何在ajax加载后启动多重选择，现在我正在使用 $('body').live('mousemove mouseover', function () { ，但正在出价鼠标悬停或移动后，看起来不太好，是否还有其他方法，谢谢；） 链接到插件 http://www.erichynds.com/jquery/jquery-ui -多选小部件/ 抱歉我的英语:)

Answer 1

好吧，我认为你可以在 AJAX 完成后或在 success 函数中调用 multiselect() ：

$.ajax({
  url: yoururl,
  method: 'POST',
  success: function(data){
            //do what you need to do and then initialize the multiselect

    $("#parent_task").multiselect({
        selectedList: 4,
       click: function(event, ui){
            var cntInput=$("#child_task").multiselect("widget").find('input[value='+ui.value+']').parent('label');
            if(ui.checked){ cntInput.hide() }else{cntInput.show() }
       }

    }).multiselectfilter();
    $("#child_task").multiselect({
        selectedList: 4,
       click: function(event, ui){
            var cntInput=$("#parent_task").multiselect("widget").find('input[value='+ui.value+']').parent('label');
            if(ui.checked){ cntInput.hide() }else{cntInput.show() }
       }
    }).multiselectfilter();

 }

这样你的 DOM 就准备好了，你可以调用插件了。