Dzień dobry, poszukuję pomocy mam następujący problem:

używam DataTable, czyli mam tabele po kliknięciu na wiersz tabeli ładują się odpowiednie dane do diva,
chciałbym również załadować zdjęcia ale do elementów jak w przykładzie na stronie:
https://jqueryui.com/sortable/#display-grid

aby dowolnie przestawiać kolejność zdjęć, ale gdy ładuje kod ajaxem kafelki nie dają się przestawić.

oto mój kod wydzielony do omawianych elementów:

[JAVASCRIPT] pobierz, plaintext 
$('#example tbody').on( 'click', 'tr', function () 
{
 
 
 
               $.post("../_dodatki/towary/rpic.php",
		{
				symbol: $(".symbol").text()
		},function(data)
		{
			$('#zdjecia').html(data);
 
		});
 
});
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
<ul id="sortable">
  <li class="ui-state-default">1</li>
  <li class="ui-state-default">2</li>
  <li class="ui-state-default">3</li>
  <li class="ui-state-default">4</li>
  <li class="ui-state-default">5</li>
  <li class="ui-state-default">6</li>
  <li class="ui-state-default">7</li>
  <li class="ui-state-default">8</li>
  <li class="ui-state-default">9</li>
  <li class="ui-state-default">10</li>
  <li class="ui-state-default">11</li>
  <li class="ui-state-default">12</li>
</ul>
[PHP] pobierz, plaintext 

Czy budujesz taką strukturę? W sensie czy Twoje data zawiera taką strukturę?

Tak, dokładnie tak.

Wywołaj http://api.jqueryui.com/sortable/#method-refresh po dodaniu nowych elementów.

Zrobiłem tak, nie działa!

[JAVASCRIPT] pobierz, plaintext 
$('#example tbody').on( 'click', 'tr', function () 
{
 
 
 
               $.post("../_dodatki/towary/rpic.php",
		{
				symbol: $(".symbol").text()
		},function(data)
		{
			$('#zdjecia').html(data);
$('#sortable').sortable('refresh');
 
		});
 
});
[JAVASCRIPT] pobierz, plaintext