Forum PHP.pl > [JavaScript][Jquery UI] Dziwne zachowanie sortable(), kolizja class ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][Jquery UI] Dziwne zachowanie sortable(), kolizja class ?

deprr2

11.07.2013, 22:23:39

Witam otóż bawię się w jquery ui i mam pewien problem otóż, najpierw zapodam kod

CODE

$( ".connect" ).sortable({
connectWith:".connect",
opacity: 0.3,
cursor: "crosshair"
});

<div id="sortable" class="connect">

<?php
for($i=0;$i<10;$i++):
echo '<li class="ui-state-default" id="kloc'.$i.'">
<h3 class="ui-widget-header">Header</h3>
'.$i.'</li>';
endfor;
?>
</div>

<div id="sortable2" class="xxx" class="connect" style="background-color:red;min-width:430px;height:200px;float:left;min-height:90px;height:auto;">
</div>

taki troche pseudo kod, ale chodzi o to, że jeśli dodam w sortable2 jakas inna klase/id (tak jak dodalem class="xxx" dodatkowo) to automatycznie zostaje zakłócona praca zakotwiczenia klocka w polu sortable2. Skąd takie zachowanie ? jak sobie z nim poradzić ? bardzo potrzebuje wprowadzic dodatkowe class( i nie moge w tym przypadku stylów css przypisać do id #sortable2)

com

11.07.2013, 22:27:47

[HTML] pobierz, plaintext 
<div id="sortable2" class="xxx" class="connect" style="background-color:red;min-width:430px;height:200px;float:left;min-height:90px;height:auto;">
</div> 
[HTML] pobierz, plaintext

naprawdę

Jak już to:

[HTML] pobierz, plaintext 
 <div id="sortable2" class="connect xxx" style="background-color:red;min-width:430px;height:200px;float:left;min-height:90px;height:auto;">
</div> 
[HTML] pobierz, plaintext

a potem zapewne

[JAVASCRIPT] pobierz, plaintext 
$( ".connect .xxx" ).sortable({
connectWith:".connect",
opacity: 0.3,
cursor: "crosshair"
});
[JAVASCRIPT] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.