Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Heitor Cameschi

[jQuery ui] Remover sortable após utilização

Por , em Javascript

Recommended Posts

Heitor Cameschi    0

Heitor Cameschi
Postado

Olá.

 

Estou tendo dificuldades com um projeto e as dúvidas estão por toda parte.

 

Quando eu utilizo sortable de uma div para outra, funciona perfeitamente, mas eu necessito desativar esta opção de movimento na área de drop.

 

Em outras palavras, quero uma div que apenas possa receber, sem mover o objeto posteriormente, ou conseguir parar o sortable da div após o movimento, acho que tanto faz.

 

Há outros códigos de jQuery paralelos, se forem necessários eu posto aqui.

 

No caso, meu código básico:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="iso-8859-1">
		<title>TetraMaster v.1.0</title>
		<link rel="stylesheet" type="text/css" href="estilo/estilo.css">
		<script src="jquery/jquery-1.10.2.js" type="text/javascript"></script>
		<script src="jquery/jquery-ui-1.10.4.js" type="text/javascript"></script>
		<script src="jquery/jquery-ui-1.10.4.min.js" type="text/javascript"></script>

		<script src="jquery/banco.js" type="text/javascript"></script>

		<script>
			$(function() {
				$( "#jogador1, #jogador2" ).sortable({ placeholder: "sortable-placeholder", connectWith: ".move"});
				$( "#jogador1, #jogador2" ).disableSelection();
				$( ".move" ).sortable({ placeholder: "sortable-placeholder"});
				$( ".move" ).disableSelection();
				$( "#tabuleiro").sortable({placeholder: "sortable-placeholder"});
			});
			
			var valorImg = 0;
			
			$(document).ready( function() {
				sorteia();
				$("img").mouseup(function(){
					valorImg = $(this).attr("value");
				});
								
				$(".move").droppable({ 
													
					drop: function( event, ui ) {					
						event.preventDefault()
						//alert(jogo[valorImg]); Alert do vetor de um js separado.
						//alert($(this).attr("id")); 
					}
				});				
			});
			

		</script>
		
	</head>
	
	<body>
		<div class="menujogador">
		
		
			<div id="jogador1">
				
				<div id="j101" class="movemesmo"></div>
				<div id="j102" class="movemesmo"></div>
				<div id="j103" class="movemesmo"></div>
				<div id="j104" class="movemesmo"></div>
				<div id="j105" class="movemesmo"></div>
				
				<br class="clear">
				
			</div>		
		
			<div id="tabuleiro">
			
				<div class="coluna">
					<div id="l1c1" class="move"></div>
					<div id="l2c1" class="move"></div>
					<div id="l3c1" class="move"></div>
					<div id="l4c1" class="move"></div>
				</div>	
				
				<div class="coluna">
					<div id="l1c2" class="move"></div>
					<div id="l2c2" class="move"></div>
					<div id="l3c2" class="move"></div>
					<div id="l4c2" class="move"></div>
				</div>	
				
				<div class="coluna">
					<div id="l1c3" class="move"></div>
					<div id="l2c3" class="move"></div>
					<div id="l3c3" class="move"></div>
					<div id="l4c3" class="move"></div>
				</div>	
				
				<div class="coluna">
					<div id="l1c4" class="move"></div>
					<div id="l2c4" class="move"></div>
					<div id="l3c4" class="move"></div>
					<div id="l4c4" class="move"></div>
				</div>	
				
				<br class="clear">
				
			</div>		
			
			<div id="jogador2">
			
				<div id="j201" class="movemesmo"></div>
				<div id="j202" class="movemesmo"></div>
				<div id="j203" class="movemesmo"></div>
				<div id="j204" class="movemesmo"></div>
				<div id="j205" class="movemesmo"></div>
				
				<br class="clear">
				
			</div>		
		</div>
			
	</body>
	
	<br id="clear">
	
</html>

Agradeço a atenção!

 

Abraços!

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Pergunta... não são a mesma coisa?

<script src="jquery/jquery-ui-1.10.4.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.10.4.min.js" type="text/javascript"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito