Jump to content

JS save div pozīciju mobīlajās ierīcēs


MartinsBe
 Share

Recommended Posts

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

Artanis

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

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 kontu

Pierakstīties

Jums jau ir konts? Pierakstieties tajā šeit!

Pierakstīties tagad!
 Share

×
×
  • Izveidot jaunu...