大家晚上好。我還在做我的DnD專案,DnD的作業令人滿意,但所有的專案一旦被丟棄就會保持可拖動。我想在物品被丟棄后洗掉可拖動屬性。我怎樣才能做到這一點呢?我已經在谷歌上搜索了好幾個小時了。TIA代碼如下......
$(function(/span>) {
$(".tier").draggable({
cursor: "grab",
revert: true。
});
$(".target.droppable"/span>).droppable({
accept: ".tier",
容忍度。"pointer",
drop: function(event, ui) {
ui.draggable.attr("style", margin: 0; border: 0;").appendTo(this)。
ui.draggable.attr("dragable", false) 。
n = ui.draggable.attr("src")。
dr = ui.draggable.attr("dragable") 。
console.log("Draggable:" dr)。
// console.log("Image Filename:" n);
tn = n.substr(4, 1) 。
// console.log("Tiernummer:" tn);
x = (this).cellIndex;
// console.log("Dropped Index:" x);
index = $(this).closest("tr").index() 。
console.log("Dropped tr:" index)。
t = parseInt(tn, 10) 。
(this).setAttribute("dragable", false) 。
checkright(t, x)。
}
});
});
uj5u.com熱心網友回復:
這是一個類,所以只需移除該類即可,如ui.dragable.removeClass('dragable').removeClass('tier');
$(".target.droppable"/span>).droppable({
accept: ".tier",
容忍度。"pointer",
drop: function(event, ui) {
ui.draggable.attr("style", margin: 0; border: 0;").appendTo(this)。
ui.draggable.removeClass('dragable')。 removeClass('tier')。
ui.draggable.attr("dragable", false) 。
n = ui.draggable.attr("src")。
dr = ui.draggable.attr("dragable") 。
console.log("Draggable:" dr)。
// console.log("Image Filename:" n);
tn = n.substr(4, 1) 。
// console.log("Tiernummer:" tn);
x = (this).cellIndex;
// console.log("Dropped Index:" x);
index = $(this).closest("tr").index() 。
console.log("Dropped tr:" index)。
t = parseInt(tn, 10) 。
(this).setAttribute("dragable", false) 。
checkright(t, x)。
}
});
uj5u.com熱心網友回復:
考慮以下情況。
$(function(/span>) {
$(".tier").draggable({
cursor: "grab",
revert: true。
});
$(".target.droppable"/span>).droppable({
accept: ".tier",
容忍度。"pointer",
drop: function(event, ui) {
var dropped = ui.draggable.attr("style"/span>, "margin: 0; border: 0;").appendTo(this)。
dropped.draggable("destroy")。
n = dropped.attr("src") 。
dr = dropped.attr("dragable") 。
console.log("Draggable:" dr)。
// console.log("Image Filename:" n);
tn = n.substr(4, 1) 。
// console.log("Tiernummer:" tn);
x = $(this).index() 。
// console.log("Dropped Index:" x);
index = $(this).closest("tr"/span>).index()。
console.log("Dropped tr:" index)。
t = parseInt(tn, 10) 。
$(this).attr("dragable", false) 。
checkright(t, x)。
}
});
});
對于任何jQuery UI物件,最好使用destroy。見更多。https://api.jqueryui.com/draggable/#method-destroy
完全洗掉可拖動的功能。這將使元素回傳到其初始化前的狀態。
完全移除可拖動功能。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/319924.html
標籤:
