JQuery UI droppable只能放到特定區域

我遇到了一個問題，試圖將一個元素拖動到佔位符中，該佔位符中有另一個佔位符。JQuery UI droppable只能放到特定區域

讓說我有：

page.find("ol.question-group-placeholder").droppable({ 
    accept: ".question-type, .question-text", 
    activeClass: "placeholder-active", 
    hoverClass: "placeholder-hover", 
    drop: function (event, ui) { 
     alert("Dropped to the question group!"); 
    } 
});

和：

page.find("ol.question-placeholder").droppable({ 
    accept: ".question-text", 
    activeClass: "placeholder-active", 
    hoverClass: "placeholder-hover", 
    drop: function (event, ui) { 
     alert("Dropped to the question!") 
    } 
});

第一個是問題分組OL其只接受李與類：.question-type和.question-text。

第二個問題OL只接受LI的類：question-text。

當我在問題組佔位符中拖動類爲question-type的元素時，它將成爲問題文本的佔位符，但問題組佔位符還會接受出現問題的問題文本元素。

問題是，當有兩個佔位符：question-group-placeholder當我拖動文本元素兩個事件被調用，我看到兩個警報這是有意義的，因爲它們都接受question-text元素question-placeholder。我試圖實現的是，如果我將問題文本拖到特定的佔位符上，它只會以這個佔位符結束，而不是所有的佔位符。有什麼辦法可以做到嗎？

來源

2013-07-12 user2219247

「scope」--Parameter？ –

如果我正在使用範圍，它只會將元素應用到特定區域，我還需要能夠將文本拖到問題組和問題中，但是當我將其拖動到問題中時，它就不會出現在問題組中，並且反之亦然。 – user2219247

找到了解決辦法。

我需要將貪婪選項設置爲true（greedy: true）。

來源

2013-07-12 09:17:14 user2219247

JQuery UI droppable只能放到特定區域

回答

相關問題