Maison > interface Web > js tutoriel > le corps du texte

arrangement de glisser-déposer de la liste jquery (l'extraction du projet est très facile à utiliser)_jquery

WBOY
Libérer: 2016-05-16 16:44:01
original
1275 Les gens l'ont consulté

Aperçu du code 1 :

Copier le code Le code est le suivant :





最好的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

    La poignée de déplacement de l'élément de liste dans le sélecteur CSS. La valeur par défaut est "li".
    dragSelectorExclude
    la valeur par défaut est "input, textarea, a[href]"
    dragEnd


    dragBetween

    Définissez sur "true" si vous souhaitez activer plusieurs ensembles de listes Faites glisser la liste sélectionnée. ;dt>placeHolderTemplate La valeur par défaut est "<. ;li>
  • ".
    scrollContainer
    du sélecteur CSS, en tant que conteneur de défilement, par exemple, un div de débordement est défini sur automatique. La valeur par défaut est "Fenêtre".
    scrollSpeed

    Un nombre qui représente la vitesse lorsque la page fait glisser un élément. faire défiler De plus, les valeurs plus élevées sont plus rapides et les valeurs plus faibles sont plus lentes. S'il est défini sur "0", pour désactiver le défilement. La valeur par défaut est "5".




    ;


    Aperçu du code 2 :




    Copier le code

    Le code est le suivant :
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal