MartinsBe Ierakstīts Maijs 17, 2018 Share Ierakstīts Maijs 17, 2018 Sveiciens. Tiek veidota neliela aplikācija ar html/php/js, kur lapā ir 20+div elementi, kuri pc versijā ir ar peli velkami, un katra pozīcija saglabajas localstorage. Šobrīd ir radies jautājums kā saglabāt šīs pozīcijas uz planšetes, lai darbojas uz touch? esmu vairakus variantus izmēģinājis, bet nestrādā. <?php for ($i=1; $i < 21; $i++) { echo "<div id=\"strops".$i."\" class=\"strops ui-widget-content\">".anchor('admin/stropi_detailed/'.$i, 'Strops '.$i)."<input type=\"checkbox\" class=\"atdal\" id=\"check".$i."\" name=\"check".$i."\" ></div>"; } ?> //šis kods izveido elementus. <script> $(function(){ var sPositions = localStorage.positions || "{}", positions = JSON.parse(sPositions); $.each(positions, function (id, pos) { $("#" + id).css(pos) }) for (var i = 1; i < 21; i++) { $("#strops"+i).draggable({ containment: "#content", scroll: false, stop: function (event, ui) { positions[this.id] = ui.position localStorage.positions = JSON.stringify(positions) } }); }; <script> šis ir kods priekš pc ar peles darbībām, kas darbojas Link to comment Share on other sites More sharing options...
Artanis Maijs 17, 2018 Share Maijs 17, 2018 La izmantotu jQuery .draggable un nepārrakstītu savu kodu, vienkārši uziec šo pluginu http://touchpunch.furf.com/ Atceries, ka paredzi dizainā whitespace apkārt draggable elementiem, lai cilvēks var arī normāli pascrollēt. Link to comment Share on other sites More sharing options...
Recommended Posts
Izveido kontu, vai pieraksties esošajā, lai komentētu
Jums ir jābūt šī foruma biedram, lai varētu komentēt tēmas
Izveidot jaunu kontu
Piereģistrējies un izveido jaunu kontu, tas būs viegli!
Reģistrēt jaunu kontuPierakstīties
Jums jau ir konts? Pierakstieties tajā šeit!
Pierakstīties tagad!