Ir para o conteúdo
HOliveira13

Mover barras sortable

Mensagens Recomendadas

HOliveira13

Boas,

Estou a fazer a inserção de dados e apos a inserção os dados são mostrados numa sortable (para poder mover de forma

a colocar por ordem de preferencia).

Ou seja, está a inserir e a mostrar os dados de forma correta o problema está não deixa mover as barras da sortable como era suposto....

pensei na utilização de um FOR....

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
 <link rel="stylesheet" href="/resources/demos/style.css" />
 <style>
 #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
 #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
 #sortable li span { position: absolute; margin-left: -1.3em; }
 </style>
 <script>
 $(function() {
   $( "#sortable" ).sortable();
   $( "#sortable" ).disableSelection();
 });
 </script>
</head>
<body>
<ul id="sortable">

 <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s">
                               </span><?php echo $linhapessoaresolveproblemas_senior['PessoaResProb']; ?> , <?php echo $linhapessoaresolveproblemas_senior['classifica']; ?> , <a href="rem_actividades.php?PessoaResProbID=<?php echo $linhapessoaresolveproblemas_senior['PessoaResProbID'] . "&seniorid="; echo $linhapessoaresolveproblemas_senior['seniorid'];?>">Remover</a></li>
</ul>

Editado por brunoais
geshi

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
malleus

Convinha explicares melhor...

Estarás a:

1) povoar, inicialmente, uma lista com n items (via PHP) ?;

2) adicionar novos items ao nível do cliente via javascript/jQuery (append,...) ?;

3) estes novos items não se "movem" mas os iniciais sim?

Se é isto o sortable tens de reinicializar o sortable, ou melhor ainda, usar o método definido na api para esta situação (adição de novos items ao sortable):

http://api.jqueryui.com/sortable/#method-refresh

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HOliveira13

O que queres dizer com "povoar"?

sim, estou a adicionar novos itens via PHP

apos inserir eles aparem todos os que inserir, mas quando vou para move-los com

o rato eles não de movem (se inserir 2 ou 3, apenas o que fica em cima na lista se move, mas não dá para coloca-lo onde quero

Se é isto o sortable tens de reinicializar o sortable, ou melhor ainda, usar o método definido na api para esta situação (adição de novos items ao sortable):

http://api.jqueryui.com/sortable/#method-refresh

)

algo do genero disto:

var items = $ ( "seletor". ) classificável (. "opção" , "itens" );

/* Setter */

$ ( "seletor". ) classificável (. "opção" , "itens" , "> li" );

Editado por yoda

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
malleus

Não dá para colocar onde queres porque apenas actua com outros objectos/items "sortable", o que é sinal que esses outros objectos/items não foram inicializados, mas para te responder porquê preciso de mais pormenores, não posso adivinhar o fluxo do teu programa e o código que apresentas é manifestamente insuficiente (onde e como estão os objectos/items inseridos a ser imprimidos na página, etc)

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.