MyCity » Web dizajn / HTML -> JavaScript » Različiti div-ovi se pomeraju u isto vreme

Različiti div-ovi se pomeraju u isto vreme

Napisano na dan: 6.10.2014

Različiti div-ovi se pomeraju u isto vreme
Sledeća strana Pagination

Idi na vrh

Poslao: 06 Okt 2014 16:01
Idi na vrh
offline
  • Programer
  • Pridružio: 23 Maj 2012
  • Poruke: 4576

Napisano: 06 Okt 2014 15:54

Imam jedan problem koji me prosto izluđuje, a pokušavam da ga rešim još od juče - imam dva div-a različitih klasa koji su draggable.

$(document).ready(function() {    $( ".plocica" ).draggable({       stop: function(event, ui) {             $.cookie('plocica.x', $(this).css('left'));             $.cookie('plocica.y', $(this).css('top'));         }    })           if ($.cookie('plocica.x') != null) {       $('.plocica').css('left', $.cookie('plocica.x'));    } else {       $('.plocica').css('left', '80px');    }    if ($.cookie('plocica.y') != null) {       $('.plocica').css('top', $.cookie('plocica.y'));    } else {       $('.plocica').css('top', '150px');    }    $( ".plocica2" ).draggable({       stop: function(event, ui) {          $.cookie('plocica2.x', $(this).css('left'));          $.cookie('plocica2.y', $(this).css('top'));       }    })    if ($.cookie('plocica2.x') != null) {       $('.plocica2').css('left', $.cookie('plocica2.x'));    } else {       $('.plocica2').css('left', '100px');    }    if ($.cookie('plocica2.y') != null) {       $('.plocica2').css('top', $.cookie('plocica2.y'));    } else {       $('.plocica2').css('top', '0px');    }     });

Koristim jQuery Cookie Plugin da sačuvam njihove pozicije preko kolačića.

Evo ga i CSS:

body {    background-color: #bdc3c7; } @media only screen and (max-width: 767px){    #strelica {       width: 20px;       height: 20px;    } } .plocica, .plocica2 {    width: 80px;    height: 80px;    background-color: #2980b9; } @media only screen and (max-width: 767px){    .plocica, .plocica2 {       width: 50px;       height: 50px;    } }

a u index-u:

<!DOCTYPE html> <html>    <head>       <!-- Styles -->       <link rel="stylesheet" type="text/css" href="sidr/stylesheets/jquery.sidr.dark.css">       <link rel="stylesheet" type="text/css" href="style.css">       <!-- Lato Font -->       <link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>       <!-- jQuery & jQuery UI -->       <script src="//code.jquery.com/jquery-1.10.2.js"></script>       <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>       <!-- jQuery Cookie Plugin -->       <script src="skripte/jquery.cookie.js" type="text/javascript">       </script>       <!-- Core -->       <script src="skripte/core.js" type="text/javascript"></script>    </head>    <body>       <script>       $(document).ready(function() {            $('#meni').sidr();       });       </script>       <!-- Sidr JS -->       <script src="sidr/jquery.sidr.min.js"></script>       <a id="meni" href="#sidr"><img id="strelica" src="slike/menu.png" title="Otvori meni"></a>       <div id="sidr">            <center><h1>CHP 2.0</h1></center>            <ul>              <li class="active"><a href="#">Glavna</a></li>              <li><a href="#">O aplikaciji</a></li>              <li><a href="#">Sinhronizacija</a></li>              <li><a href="#">Izlaz</a></li>            </ul>       </div>                 <div class="plocica"></div>          <div class="plocica2"></div>    </body> </html>

I sad kad pomeram prvu pločicu za njom se pomera i druga?! A kad pomeram drugu ona se sama normalno pomera. Međutim , odoh na inspect element sada i vidim ovo:



Zašto se to dešava kada u source odvojeni elementi?

Dopuna: 06 Okt 2014 16:01

Ne provaljujem kako ali sada radi Shocked



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.

MyCity » Web dizajn / HTML -> JavaScript » Različiti div-ovi se pomeraju u isto vreme

Ko je trenutno na forumu
 

Ukupno su 1251 korisnika na forumu :: 113 registrovanih, 17 sakrivenih i 1121 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 8086 - dana 18 Jan 2026 07:11

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 9k38, _Rade, A.R.Chafee.Jr., Aleksandar Tomić, AleksandarFKS, aleksmajstor, Aska, Asteker, Avalon015, bax0904, bobomicek, bobor, Boris90, boro975, boromir, Borski1977, BOXRR, branko7, Bubimir, CVOJ 410.lad PVO, DENIRO, Djokislav, djonsule, dolinalima, Dr Lobotom, Dragan1998, draganl, drale12, drimer, Dukelander, foka106, g_g, galijot, GeoM, Giskard, Glavni Oružni, Gogi do, goxin, GrobarPovratak, Grochow, Halabit, ikan, Insan, Ir, Jeremija98, Još malo pa deda, Kajzer Soze, Karla, kikisp, Kontrausluga, Korle, Kubovac, Lucije Kvint, Lucky 6, Maschinekalibar, metallac777, miki kv, mikidragi, mikrimaus, milbos, Milo97, mir juzni, mnn2, monomah, Mrav Obrad, Mzee, nebidrag, Neutral-M, neutrino, nightwish 01, operniki, opt1, Papadubi, Parker, Pekman, Pilence, Pilipenda, PlayerOne, Povratak1912, proka89, raketaš, Remain, repac, Robin, SamostalniReferent, samsung, sasics, shiro, ShtagodShtagod, skvara, Sledge Hammer, Smajser, SOVO515, stibium51, tacija, ujke, vargas, Vaske8990, vathra, Vatreni Zmaj, vensla, Vlada1389, vuk77, vukajlo71, Vzor50, Weah88, wizzardone, XBMC, Zastava, zeka013, zokizemun, zombicar153, zzapNDjuric99