2011-11-30 112 views
0

我有這樣的代碼:多選招投標

$('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/ 對不起,我的英語:)

回答

1

嗯,我想你可以調用多選()AJAX完成,或在成功的情況下功能後:

$.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已準備就緒,您可以調用該插件。

+0

謝謝,是我的錯,我忘了這:) – mIRU