JavaScript div draggable-ben hogyan lehet, megcsinálni, hogy a mozgatható divet ne lehessen túlhúzni a határoló divben?
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
<div style="background: red; width: 500px; height: 500px;">// Határoló div
<div id="draggable" class="ui-widget-content">//Mozgatható div
<p>Drag me around</p>
</div>
</div>
</body>
</html>
Köszönöm!
Sikerült is, csak nem az sült ki, ami nekem kellett volna.
Már nem lehet mozgatni.
Egy térképet készítek.
Itt lehet látni az eredményt: [link]
Úgy szeretném, hogy minden irányban lehessen mozgatni, az utolsó sor/oszlopig
Én nem látok térképet csak egy nagy piros pacát, alatta egy nagy táblázattal, "Sor: 1 101" felirattokkal.
Ha ez volt a cél, akkor jó munka.
Küldenél róla képet?
Egyébként: A piros pacákban kellene lennie a táblázatnak. És úgy kéne huzigálni, mint a google mapot
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!