Enviado em 11/02/2023 - 11:42h
Saudações, estou tendo dificuldade em aprender javascript, estou tentando renderizar objetos arrastáveis atrávés do formbuilder porém não funciona como esperado, onde estou errando?<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<style>
#dragObject { width: 50px; height: 50px; padding: 0.5em; }
</style>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script src="https://formbuilder.online/assets/js/form-render.min.js"></script>
</head>
<body>
<div id="dragObject" class="ui-widget-content draggable">
<p>Drag me around</p>
</div>
<div id="form-render"></div>
<script>
var formData = [
{
"type": "button",
"label": "Button",
"className": "btn-default btn draggable",
"name": "button-1",
}
];
$("#form-render").formRender({
formData: formData
});
$( function() {
$( ".draggable" ).draggable();
} );
$("#form-render").formRender({
formData: formData
});
$( function() {
$( ".draggable" ).draggable();
} );
</script>
</body>
</html>
Atualizar o macOS no Mac - Opencore Legacy Patcher
Crie alias para as tarefas que possuam longas linhas de comando - bash e zsh
Criando um gateway de internet com o Debian
Configuração básica do Conky para mostrar informações sobre a sua máquina no Desktop
Aprenda a criar músicas com Inteligência Artificial usando Suno AI
Instalando e usando o Dconf Editor, o "regedit" para Linux
Como instalar o navegador TOR no seu Linux
Instalando Zoom Client no Ubuntu 24.04 LTS
validando quandidade de leitura no read[DUVIDA] (6)
Log: core: Interactive#t... error - IOError closed stream (0)
Sistema da Coréia do Norte - Red Star OS (74)