JQuery Tools Overlay, le "réactiver" après un unbind()
Salut !
J'essaie de combiner deux scripts de JQuery :
- L'overlay de JQuery Tools : http://flowplayer.org/tools/overlay/index.html
- Le sortable de JQuery UI : http://jqueryui.com/demos/sortable/
J'ai donc une série d'images que je veux pouvoir positionner comme bon me semble. Un clic sur une de ces images déclenche un overlay.
Le problème : Lorsque l'on déplace une de ces images, l'écouteur de l'overlay se lance. Donc j'aimerais pouvoir le bloquer dans cette condition précise.
Ce que j'ai déjà fait :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
| $(function() {
$( ".column" ).sortable({
connectWith: ".column",
placeholder: 'ui-state-highlight',
start: function( event, ui ) {
destroyOverlays();
},
stop: function( event, ui ) {
}
});
$( ".column" ).disableSelection();
});
$(function() {
$( "a[rel]" ).overlay({
effect: 'apple',
expose: '#000',
onBeforeLoad: function() {
var wrap = this.getOverlay().find( ".contentWrap" );
wrap.load( this.getTrigger().attr( "href" ) );
},
});
});
function destroyOverlays() {
$( "a[rel]" ).unbind( 'click' ).removeData( 'overlay' );
} |
Ce petit morceau fonctionne plutôt bien, sauf qu'il me faudrait réactiver les overlays sur les liens à la fin du déplacement.
J'ai essayé de recréer l'overlay sur les liens en question avec le même code qu'au-dessus, mais en plus de recréer l'écouteur, ça lance l'overlay ..
Si quelqu'un a la solution ou une autre idée, ça me serait d'une grande aide.
Merci !