jquery curseur redimensionnable aide

J'ai installé un div qui est redimensionnable:jquery curseur redimensionnable aide

$("mydiv").resizable();

Maintenant, quand vous allez à la redimensionner à droite, le curseur va hors de la partie de modification de taille réelle. Donc, si le curseur frappe le côté de l'écran, vous devez lâcher la souris et revenir en arrière et recommencer à le redimensionner si vous voulez le rendre plus grand. Je sais qu'avec le draggable il y a une option pour cursorAt qui indiquera au curseur de rester sur ce div. J'ai regardé jquery ui.com mais n'ai pas vu un curseurAt pour le redimensionnable. Y at-il un moyen de garder le curseur de la souris sur la partie redimensionnable lors du redimensionnement?

Source

2009-11-14 ngreenwood6

Ne comprends pas très bien le problème. En référence à l'interface utilisateur/démo redimensionnable à http://jqueryui.com/demos/resizable/, n'est-ce pas le comportement standard que vous voulez? –

oui c'est ce que je veux mais pour une raison quelconque mon curseur ne reste pas sur la partie redimensionner comme celle sur la démo de jquery. – ngreenwood6

Je pense que j'ai peut-être trouvé le problème. Je pense qu'il est causé par la fonction aussiResize que j'appelle. Je redimensionne un autre div quand je redimensionne cette div mais je n'ai pas fait que celui-ci soit redimensionnable. Je ne veux pas qu'il soit redimensionnable par lui-même seulement si quelqu'un redimensionne celui que je permets. Aucune suggestion? Je vais revenir en arrière et accepter certaines réponses aussi. Je l'ai complètement oublié. – ngreenwood6

Ah je vois, le coupable semble être ce que vous l'avez dit:

« Il est parce que l'autre div que je suis Redimensionnement a la propriété margin:0 auto »

Ayant 0 auto signifie la gauche, la marge droite est automatiquement ajusté pour équilibrer ce qui va centraliser l'élément div. Je ne pense pas que vous souhaitiez redimensionner de cette manière car la position du div se déplace pendant que vous redimensionnez pour rester centré.

Ma suggestion, supprimez le paramètre auto pour votre marge.

Mise à jour:
j'ai couru cela dans Firebug au resizble demo page:
$("#resizable").css("margin","0 auto"); pour centrer la boîte en utilisant auto marge

Voici une capture d'écran de ce que j'ai:
resizable http://i35.tinypic.com/2iw1uom.png

Le curseur de redimensionnement s'est éloigné du coin de la boîte, plus vous l'éloignez de la taille originale. Cependant, cela fonctionne toujours bien que «l'expérience» semble étrange.

Source

2009-11-14 10:55:12

Je ne peux pas supprimer le réglage automatique pour ma marge. C'est ce qui centre cet élément donc en supprimant le réglage automatique, il rend ma page ne plus voir correctement. Y a-t-il un moyen de centrer cet élément mais de faire en sorte que le curseur reste là? – ngreenwood6

@ ngreenwood6: Découvrez mon 'expérience' dans mon post mis à jour. Redimensionner une boîte centrée fonctionne encore, mais pas très bien. Vous pouvez l'essayer vous-même sur la page de démonstration et comparer avec la vôtre. –

CSS est une douleur dans les choses centralisatrices, nous avons besoin d'un 'align: center center;' –

jquery curseur redimensionnable aide

Répondre

Questions connexes