0
私は1.3.2二回occuringドロップイベントが
は、次のスクリプトは、ドロップイベントが二回トリガーされる原因になっているjqueryのを伴って含むjqueryのUI 1.7.2を使用しています..私は多くの時間を試みたが、することができませんどうして?
あなたが同じセレクタ$( "欄")にdropableとソート可能な使用becouseこのコード
$("document").ready(function() {
$(".draggable").draggable({
revert: "invalid",
helper: "clone",
connectToSortable: ".column"
});
$(".column").droppable({
accept: ".draggable",
drop: function (event, ui) {
debugger;
var ordinalNo = 1;
$(".column .contentObject").each(function() {
ordinalNo = ordinalNo + 1;
});
var objectId = guidGenerator() + '_' + ordinalNo;
var objectType;
var contentObjContent = "<div id=\"" + objectId + "\" ><h2>[<span class=\"ordinal\"></span>] ";
if (event.srcElement.id === "tableobj") {
objectType = tableSource;
}
else if (event.srcElement.id === "chartobj") {
objectType = chartSource;
}
else if (event.srcElement.id === "textobj") {
objectType = textSource;
}
$.ajax({
url: "/ContentBuilder/ContentObject",
data: {
viewObjectId: objectId,
contentObjectId: null,
contentObjectTypeId: objectType,
contentObjSourceId: null,
ordinal: ordinalNo
},
type: "POST",
success: function (data) {
contentObjContent = data;
}
});
}
});
$(".column").sortable({
connectWith: '.column',
handle: 'h2',
cursor: 'move',
placeholder: 'placeholder',
forcePlaceholderSize: true,
opacity: 0.4,
update: function (event, ui) {
changeOrdinal();
if (event.srcElement.id.length <= 0) {
updateObjectOrdinals();
}
}
}).disableSelection();
$(".tablecolumn").sortable({
connectWith: '.tablecolumn',
handle: 'h2',
cursor: 'move',
placeholder: 'placeholder',
forcePlaceholderSize: true,
opacity: 0.4,
update: function (event, ui) {
changeColumnOrdinal();
}
}).disableSelection();
});
どうすればこの問題を解決できますか?私はアイテムをソート可能かつドラッグ可能にしたい。 – Saravanan
多分あなたはソート可能なものだけを使いたいと思っています...もし私がソート可能なコンテナがドロップ能力とソート可能なアイテムを持っていることを覚えていれば、ドラッグ能力 – ggzone
私はこれを試してここにステータスを投稿します。 – Saravanan