ui 선택 가능을 사용하여 정확한 다중 선택 데이터를 전달하는 방법

Question

jquery-ui를 선택할 수 있습니다. 여러 div를 선택합니다. 예 : divs 1-3 및 divs 5-6 divs 정보를 전달한 후 배열 및 나중에 문자열 (strToSend). 문제는 다음과 같습니다. divs 1-3 및 divs 5-6을 선택할 때이 정보를 얻습니다. div의 경우 1-3 : 100,200,300. div 용 5-6 : 100200300400500600 -> 내가 정말로 필요로하는 것은 : 500,600입니다. 처음에는 각 루프에서 배열을 삭제해야한다고 생각했기 때문에 시도했습니다 : _info1.length = 0; _info1 = []; - 변경하지 마십시오. 나는 내 문제는 분명 희망, 무엇을 생각하시기 바랍니다 ..

을 // HTML

<div class="ui-selectable" id="day" style="width: 100px; float: left;"> 
Sunday 
    <div class="ui-selectee" id="1" >100 </div> 
    <div class="ui-selectee" id="2" > 200 </div> 
    <div class="ui-selectee" id="3" > 300 </div> 
    <div class="ui-selectee" id="4" > 400 </div> 
    <div class="ui-selectee" id="5"> 500 </div>  
<div class="ui-selectee" id="6"> 600 </div>  
<div class="ui-selectee" id="7"> 700 </div>  
</div> 

// jQuery를

$(function() {  
     $("#day").bind("mousedown", function (event) { 
      return event.metaKey = true; 
     }).selectable({ 
      stop: function() {    
       _info1.push(0);    
       $(".ui-selected", this).each(function() {     
        var id = this.id; 
        _info1.push(id); 
       });     
       strToSend += _info1[0] + "_" + _info1[1] + "-" + _info1[_info1.length - 1] + "*";               

      } 
     });}); 

Answer 1

여기에 바이올린입니다 : http://jsfiddle.net/tS2cV/

되지 않음 _info1을 어디에 선언했는지는 분명하지만 선택한 div를 보유하고 싶은 것처럼 보입니다. 각 기능 (아래)은 선택되어있는 모든 div를 거쳐서 수동으로 아무 것도 누르지 않아도됩니다.

은 내가 한 모든 정지 기능의 내부 _info 선언했다 - 나는 내가 간단을 위해 그것을 제거 보낼 문자열로 무엇을하고 있는지 확신 :

$(function() {  
    $("#day").bind("mousedown", function (event) { 
     return event.metaKey = true; 
    }).selectable({ 
     stop: function() { 
      var _info1 = []; 
      $(".ui-selected", this).each(function() {     
       var id = this.id; 
       _info1.push(id); 
      });                  
alert(_info1); 
     } 
    });});