Bonjour,

j'utilise drag & drop jquery, mon probléme c'est réactiver le drop sur un cellule que j'ai désactivé.

J'ai une liste de donnée que je dois mettre sur des cellule de tableaux, mais le drop se fait sur une cellule seulement si cette dernière respecte quelques conditions($scope.nbrtotalBoxes <= $scope.limitBox).

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
 
 
	$timeout(function () {
		$('.draggable-order').draggable({
			helper: 'clone',
			revert:true
		 });
	});
 
 
	$scope.$watch('current_planning', function(newValue, oldValue) {
		$timeout(function () {
		    $('.opened').droppable({
 
		    	hoverClass: 'droppable-order-highlighted',
 
		    	drop: function( event, ui ) {
	                       $( "<li><i class='yellow users icon'></i></li>" ).text( ui.draggable.text() ).appendTo( this );
		          	if($scope.nbrtotalBoxes >=$scope.limitBox){
		         		$( this ).removeClass( 'opened' )
				    	.addClass( 'available' ).droppable('disable')
                                        .sortable({
                                            items: "li:not(.placeholder)",
		          		    sort: function(){} 
                                         });
		          	}
 
		    	},over: function( event, ui ){
 
   //la cellule est disable car ne respecte pas la condition : ($scope.nbrtotalBoxes=les données déja existantes dans ma cellule+valeur du draggable)
                                if($scope.nbrtotalBoxes > $scope.limitBox){ 
		          		$(this).droppable('disable'); 
			        }
 
//ici Je veux que la cellule deviennent enable car il ya des valeurs que je peux ajouter.... mais je ne n'y arrive pas à ce niveau 
                                if($scope.nbrtotalBoxes <= $scope.limitBox){ 
		          		$(this).droppable('enable'); 
				}
 
			}
		});
 
	    });
  	});
je ne sais pas si je suis trés clair dans mon explication... j'espére l’être