ajax加载后的多选绑定答案

【问题标题】：multiselect biding after ajax loadajax加载后的多选绑定
【发布时间】：2011-11-30 12:44:59
【问题描述】：

我有这个代码：

    $('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-multiselect-widget/ 对不起我的英语:)

【问题讨论】：

标签： jquery ajax multi-select

【解决方案1】：

我认为您可以在 AJAX 完成后或在成功函数中调用 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 就准备好了，你可以调用插件了。

【讨论】：

谢谢，是我的错，我忘了这个:)