Comment puis-je faire de l'élément à la fois déplaçable et redimensionnable en jquery?

Comment puis-je faire de l'élément à la fois déplaçable et redimensionnable en jquery?

OriginalL'auteur Vinay Gayakwad | 2011-01-28

  1. 9

    les deux déplaçable et redimensionnable prend en charge le chaînage de mode de sorte que vous pouvez simplifier votre code sur une seule ligne.

    Disons que vous avez un div et l'id de la div est-à-tête que vous voulez rendre déplaçable et redimensionnable.jquery fonctionne comme ceci....

    $(document).ready(function() {

    $("#header").draggable().resizable();
 });

    voir la démo ici...DÉMO

    consultez ce tutoriel pour plus d'informations ....Déplaçable et redimensionnable

    sa ne marche pas pour moi...
    vous avez besoin de Jquery UI pour cela.
    ajouter cette jQuery UI...dans votre fichier.. ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js en vertu de la balise script.
    nous n'avons aucune alternative à la bibliothèque

    OriginalL'auteur Vivek

  2. 4

    Outre l'utilisation de jQuery, vous devez également utiliser jQuery UI http://jqueryui.com/demos/.

    jQuery UI donne à toutes les fonctionnalités de ce que vous avez besoin. Plus précisément vous voulez le Draggable et Resizable plugins (peut-être le Drop trop en fonction de ce que vous essayez de le faire).

    Alors vous aurez besoin pour effectuer les opérations suivantes pour le rendre Déplaçable et Redimensionnable:

    $(document).ready(function() {

    $(".elements").draggable().resizable();
 });

    OriginalL'auteur Carlos V

  3. 3

    c'est l'original source

    //this will make <div id="box"> resizable and draggable 
$('#box').resizable().parent().draggable(); 

//same but slightly safer since it checks parent's class 
$('#box').resizable().parent('.ui-wrapper').draggable();

    OriginalL'auteur user1660624