2012-04-15 18 views
3

Ich benutze jquery ui sortierbar. Ohne Fenster blättern meine sortierbaren Gegenstände und bleiben im Containment. Aber wenn ich das Fenster scroll und die Artikel sortierbar starte, bewegen sich meine Artikel zuerst auf die gleiche Höhe meiner Fensterrolle und bleiben nicht mehr an meinem Mauszeiger hängen !!! Was habe ich falsch gemacht?jQuery UI Sortierbare Fenster Scroll

var purchased = []; 
$("#listitems").sortable({ 
    revert: true, 
    containment: '#drop', 
    stop: function(event, ui) { 
     purchased = []; 
     $("#listitems li").each(function() { 
      var elem = $(this); 
      var st = elem.attr('id'); 
      if (jQuery.inArray(st, purchased) == -1) { 
       purchased.push(st); 
      } 
     }); 
     console.log(purchased); 
    } 
}); 

    <div id="drop" class="clearfix" style="position:relative;margin:0 auto;min-height:160px;height:auto!important;height:160px;;margin-bottom:20px; border-top:1px solid #D4D4D4;border-bottom:1px solid #DADADA"> 
     <div style="position:absolute;top:-31px;left:10px; z-index:0"><h1 id="depose" style="font-size:2.6em; line-height:1em; color:#EBEBEB; font-weight:700; z-index:0">DRAG HERE</h1></div> 
     <ul id="listitems" style="position:relative;z-index:11" class="alt_content galerie-thumbs"> 
<li>image 1</li> 
<li>image 2</li> 
... 
     </ul> 
    </div> 

Danke für Ihre Hilfe ...

+0

Haben Sie das jemals ausgemacht? Ich habe genau das gleiche Problem :( –

+0

Ich habe dieses Problem auch, keine Lösung noch, aber ich fand diese Diskussion auf den jQuery Boards mit ein paar möglichen Lösungen, die für jemanden funktionieren könnten: https://forum.jquery.com/topic/ sortable-offset-when-element-ist-gezogen-und-Seite-scroll-down-ff – igneosaur

+0

Eine andere Frage hier: http://stackoverflow.com/questions/2451528/jquery-ui-sortable-scroll-helper-element- Offset-Firefox-Problem – igneosaur

Antwort

1

ein overflow: auto; den Mutter/Behälter Ihrer Liste hinzuzufügen.