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>
Como extrair chaves TOTP 2FA a partir de QRCODE (Google Authenticator)
Linux em 2025: Segurança prática para o usuário
Desktop Linux em alta: novos apps, distros e privacidade marcam o sábado
IA chega ao desktop e impulsiona produtividade no mundo Linux
Novos apps de produtividade, avanços em IA e distros em ebulição agitam o universo Linux
Digitando underscore com "shift" + "barra de espaços"
Como ativar a lixeira e recuperar aquivos deletados em um servidor Linux
Como mudar o nome de dispositivos Bluetooth via linha de comando
Falha com leitor de digitais no Ubuntu: sugestões? (0)
Problema em SSD ao dar boot LinuxMint LMDE FAYE 64 (1)