Jquery ReferenceError:在自定义拖放中未定义拖动
我为简单的拖放编辑器编写了一个代码。它有3个面板,我将一个项目从第一个面板拖动到第二个面板,拖动项目的内容显示在第三个面板中。代码位于: 全屏显示结果如下: javaScript代码:Jquery ReferenceError:在自定义拖放中未定义拖动,jquery,html,drag-and-drop,Jquery,Html,Drag And Drop,我为简单的拖放编辑器编写了一个代码。它有3个面板,我将一个项目从第一个面板拖动到第二个面板,拖动项目的内容显示在第三个面板中。代码位于: 全屏显示结果如下: javaScript代码: 在浏览器中运行代码时,出现以下错误:ReferenceError:未定义拖动。我遗漏了什么?您的代码正在运行..哦,太好了。。。在第二个面板中,仅允许一个功能。若我拖动第二个功能,它将显示一个警报,提示只有一个功能正在工作,并且拖动的功能应返回到第一个面板。我可以获得警报,但拖动的项目不会返回到第一个面板。我怎样
在浏览器中运行代码时,出现以下错误:ReferenceError:未定义拖动。我遗漏了什么?您的代码正在运行..哦,太好了。。。在第二个面板中,仅允许一个功能。若我拖动第二个功能,它将显示一个警报,提示只有一个功能正在工作,并且拖动的功能应返回到第一个面板。我可以获得警报,但拖动的项目不会返回到第一个面板。我怎样才能解决这个问题?你能告诉我拖动是如何在你的JSFIDLE中工作的,而不是在我的JSFIDLE中工作的吗?
$(document).ready(function() {
$('#remittanceId').hide();
$('#goldId').hide();
//alert("caling");
/*
var $this = $(this);
alert("caling2222");
$("#remittanceId").css("display", "");
$("#remittanceId").css("display", "block"); */
});
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
//alert($('#drag1').text());
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
// var id = $('#drag1').text();
var value = $(ev).text();
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
var id = $('#' + data).text().replace(/\s/g, '');
//alert(id);
/* if (id == "1)Remittence") {
alert('remitt');
var remHead = $('#remId').text().replace(/\s/g, '');
document.getElementById("featureHead").innerHTML = remHead;
var div = document.createElement('div');
div.className = 'row';
div.innerHTML = '<div class="container"><select name="dropdown" class="selectpicker" id="fromCurrencyId"><option value="0" selected>Select From Currency</option><!-- <option value="MYR">MYR-</option> --><option value="MYR">AED-DIRHAM</option><option value="USD">USD-US DOLLAR</option></select> → <select name="dropdown" class="selectpicker" id="toCurrencyId" onchange="checkFromCurrency()"><option value="0" selected>Select To Currency</option><option value="INR">INR-INDIAN RUPEE</option></select> <br><br> <input type="submit" class="btn btn-primary" value="Clear" onclick="remittanceClear()" /> <input type="submit" class="btn btn-primary" value="Save" onclick="remittanceSave()" /></div>';
document.getElementById('featureBody').appendChild(div);
return 0;
} */
if (id == "2)AssetGold") {
//alert('sdzhx');
errorShow();
ev.preventDefault();
return false;
} else {
/* error(); */
var remHead = $('#remId').text().replace(/\s/g, '');
document.getElementById("featureHead").innerHTML = remHead;
var div = document.createElement('div');
div.className = 'row';
div.innerHTML = '<div class="container"><select name="dropdown" class="selectpicker" id="fromCurrencyId"><option value="0" selected>Select From Currency</option><!-- <option value="MYR">MYR-</option> --><option value="MYR">AED-DIRHAM</option><option value="USD">USD-US DOLLAR</option></select> → <select name="dropdown" class="selectpicker" id="toCurrencyId" onchange="checkFromCurrency()"><option value="0" selected>Select To Currency</option><option value="INR">INR-INDIAN RUPEE</option></select> <br><br> <input type="submit" class="btn btn-primary" value="Clear" onclick="remittanceClear()" /> <input type="submit" class="btn btn-primary" value="Save" onclick="remittanceSave()" /></div>';
document.getElementById('featureBody').appendChild(div);
return false;
}
if (id == "3)CrudeOil") {
ev.preventDefault();
return false;
}
}
/* function show(ev) {
ev.preventDefault();
var newID = ev.dataTransfer.getData("id");
alert(id);
} */
function assetClear() {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, clear it!",
closeOnConfirm: false
},
function() {
swal("Cleared!", "Your imaginary file has been cleared.",
"success");
});
}
function remittanceClear() {
swal({
title: "Are you sure?",
text: "You will not be to save the values!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, clear it!",
closeOnConfirm: false
}, function() {
swal("Cleared!", "Your values are cleared.", "success");
});
}
function saveAsset() {
swal("Good!", "Asset Details Added Successfully.", "success");
}
function remittanceSave() {
swal("Good!", "Remittance Details Added Successfully.", "success");
}
function error() {
swal('Oops...',
'Something went wrong! Please contact the adminisrator',
'error');
}
function errorShow() {
swal('Oops...', 'Not allowed. You can use one feature at a time',
'error');
}