Heim > Web-Frontend > js-Tutorial > Hauptteil

Jquery-Listen-Drag-Anordnung (das Extrahieren aus dem Projekt ist sehr einfach)_jquery

WBOY
Freigeben: 2016-05-16 16:44:01
Original
1271 Leute haben es durchsucht

Vorschau von Code 1:

Code kopieren Der Code lautet wie folgt:





最好的jquery列表拖动排列自定义拖动层排列









jQuery列表拖动排列演示



简单的一组列表:




  • 你猜

  • 你不猜

  • 你不猜你不猜

  • 猜猜

  • 你猜不猜

  • 你猜不猜不猜

  • 你不猜不猜







两组列表拖放:(无限组拖放)




  • 10

  • 11

  • 12

  • 13

  • 14

  • 15

  • 16

  • 17

  • 18




  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9






🎜>

Usage


$("ul").dragsort({ dragSelector: "li", dragEnd: function() { }, dragBetween: false, placeHolderTemplate: "
  • < ;/li>" });




    dragSelector

    Der Drag-Handle des Listenelements im CSS-Selektor. Der Standardwert ist „li“.
    dragSelectorExclude
    Der Standardwert ist „input, textarea, a[href]“
    dragEnd
    Die Rückruffunktion, die nach dem Ziehen aufgerufen wird.
    dragBetween
    Auf „true“ setzen, wenn Sie mehrere Listensätze aktivieren möchten. Der Standardwert ist false ;dt>placeHolderTemplate Der Standardwert ist „“. des CSS-Selektors, z. B. als Scroll-Container, wird ein Überlauf-Div auf „Automatisch“ gesetzt. Der Standardwert ist „Fenster“.
    scrollSpeed
    gescrollt werden Außerdem sind höhere Werte schneller und niedrigere Werte langsamer. Bei Einstellung auf „0“ wird das Scrollen deaktiviert. Der Standardwert ist „5“.



  • ;


    Code 2-Vorschau:




    Code kopieren


    Der Code lautet wie folgt:



    jQuery UI sortable() implementiert Drag-Sortierung http- equiv="Content-Type" content="text/html; charset=UTF-8">

    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage