La opción de ajuste en el módulo Arrastrar y Soltar de script.aculo.us se usa para hacer que un elemento que se puede arrastrar se ajuste a una cuadrícula o restrinja su movimiento en el espacio definido. Se establece en falso de forma predeterminada. Se puede definir con un solo valor o una función que definirá los lugares donde se ajustará el elemento.
Sintaxis:
new Draggable ('element_id', {snap: size of the snap});
Valores:
- snap: Se utiliza para hacer que un elemento arrastrable restrinja sus movimientos.
Ejemplo:
HTML
<html>
<head>
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js">
</script>
<script>
var elements = ['element'];
window.onload = function () {
elements.each(function (item) {
new Draggable(item, {
// Set the snap to a grid
// of 500 pixels
snap: 500
}) });
}
</script>
</head>
<body>
<img id="element" src="gfg.png" />
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por swapnil074 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA