Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JS zmiana div góra/dół
topcio
post 27.12.2022, 07:28:33
Post #1





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 14.01.2017

Ostrzeżenie: (0%)
-----


Witajcie

Proszę o pomoc, możecie mi powiedzieć co mam nie tak w poniższym kodzie.

Przy każdym divie pokazują się strzałki.
Jak kliknę raz, przeskakuje div w dół, jak kliknę drugi raz tak jakby skrypt leciał dwa razy.... i tak potem 3,4,5,6,

  1. $(document).ready(function(){
  2. var petID='';
  3. var itemlist = $('#familiar_items');
  4. var len=$(itemlist).children().length;
  5. $("#familiar_items div").click(function(){
  6. selected= $(this).index();
  7. petID= $(this).attr("id");
  8. $("#familiar_items div").css('border-color', 'lightskyblue');
  9. $(this).css('border-color', 'lightgreen');
  10. console.log($(this).index());
  11.  
  12. $("#up_" + petID).click(function(e){
  13. e.preventDefault();
  14. if(selected > 0){
  15. jQuery($(itemlist).children().eq(selected-1)).before(jQuery($(itemlist).children().eq(selected)));
  16. // selected=selected-1;
  17. selected= $("#familiar_items").index();
  18. console.log(itemlist.children());
  19. }
  20. e.preventDefault();
  21. });
  22. $("#down_" + petID).click(function(e){
  23. e.preventDefault();
  24. if(selected < len) {
  25. jQuery($(itemlist).children().eq(selected+1)).after(jQuery($(itemlist).children().eq(selected)));
  26. // selected=selected+1;
  27. selected= $("#familiar_items").index();
  28. console.log(itemlist.children());
  29. }
  30. });
  31. });
  32. });


Po stronie PHP kod wygląda tak

  1. foreach ($acc_settings_file_json->$familiarData as $item) {
  2. if ($item->petUnlocked == true) {
  3. $pet_Id = $item->petId;
  4. echo "<div class=\"familiars\" id=\"" . $pet_Id . "\">";
  5. echo "<div class=\"familiarsdiv2\">";
  6. // obrazek
  7. echo "</div>";
  8. echo "<div class=\"familiarsdiv3\">";
  9. echo "<a id=\"up_" . $pet_Id . "\"><i class=\"fas fa-arrow-up\" style=\"color:darkgreen\"></i></a><br>";
  10. echo "<a id=\"down_" . $pet_Id . "\"><i class=\"fas fa-arrow-down\" style=\"color:darkgreen\"></i></a>";
  11. echo "</div>";
  12. echo "<div class=\"familiarsdiv4\">";
  13.  
  14. // echo $pet_Id;
  15. echo $familiars[$pet_Id];
  16. // echo $familiars_data, " - ", $familiars;
  17. echo "</div>";
  18. echo "</div>";
  19. }
  20. }

Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.05.2024 - 18:32