Ir para conteúdo

POWERED BY:

Arquivado

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

Simpsons

Draggable Jquery

Por , em Javascript

Recommended Posts

Simpsons    0

Simpsons
Postado

Olá a todos. Tudo Bem ?

 

Eu tenho um código de Drag and Drop em Jquery, e tenho duas dúvidas referente a ele.

 

1 - Como eu faço, para quando o Drag and Drop ao ser arrastado e o TOP passar por 100px, ele exibir um alerta instantaneamente ?

 

2 - Como eu faço para inserir uma nova DIV Draggable a esse código, ficando com dois Drag and Drop ?

 

Meu código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Drag</title>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
       $('#alvo').draggable({
               stop: function(e, ui) {
                       var left = $(this).css('left').replace('px', '');
                       var top = $(this).css('top').replace('px', '');

                       if($top < 100 + 'px')
					{
						jAlert('Teste');
					}
					else
					{

					}
               }
       });
});
</script>
</head>

<body>

       <div id="alvo" style="width:300px;height:250px;cursor:move;background:#ccc"></div>

</body>
</html>

 

Toda ajuda será bem vinda. Valew

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

tá difícil te ajudar.. tem erros simples no código. Como por exemplo:

 

                    var top = $(this).css('top').replace('px', '');

                       if($top < 100 + 'px')

trocar por:

                    var top = $(this).css('top').replace('px', '');

                       if(top < 100)

pois não faz sentido você criar uma variavel, usar outra, e depois comparar um numero contra uma string.

 

Teste com essa correção, e depois volte informando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

depende de varias coisas..

 

aparece algo no console de erros ?

Ctrl+Shift+J no Firefox.

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