Qualtrics 拖放：每个桶只允许一件物品答案

【问题标题】：Qualtrics Drag-and-Drop: Allowing Just One Item Per BucketQualtrics 拖放：每个桶只允许一件物品
【发布时间】：2018-06-17 02:42:05
【问题描述】：

我尝试同时使用 Pick、Group、Rank 和 Matrix Table 问题类型（后者具有拖放功能）来让 Qualtrics 调查中的受访者只拖动一个一个将 10 个中的项目放入 10 个桶中的每个桶中。

不幸的是，虽然我当然可以设置验证，以便受访者无法点击下一页，除非他们只为每个存储桶/组分配了一个项目，但仍有可能不小心将一个项目放入存储桶或错误地分组，有时可能很难看到，甚至很难将项目从桶中取出（最后一个问题尤其适用于 Pick、Group 和 Rank 问题类型）。所以我们现在所拥有的我们认为很容易混淆人们，因为我们已经将 PGR“组”（桶）的高度设置为足够大，以至于只有一个项目适合“视觉上”，但理论上你可以继续往里面放东西，与屏幕下方的其他组重叠。

所以我只想拥有某种 Javascript 或 jQuery 代码，它们基本上可以取消将项目“放入”到已经有一个项目的存储桶/组中。这个问题 (jQuery drag and drop - Allow only one item in list) 似乎特别相关，但由于某种原因它对我不起作用（如果这确实在 Qualtrics 中起作用，那么我什至希望得到一点关于如何使它对我起作用的指导） .谢谢！

【问题讨论】：

标签： javascript drag-and-drop jquery-ui-draggable jquery-ui-droppable qualtrics

【解决方案1】：

实际上想出了如何使这项工作为我的调查工作。它直接取自我在上面发布的链接 (jQuery drag and drop - Allow only one item in list)，因此所有功劳都归于那里的解决方案。如果有人也试图使其适应 Qualtrics，请参见下文，您当然可以在其中替换您想要的存储桶的选择器（即，而不是 #QID8group0，将其替换为相关的问题 ID）。

Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/   
jQuery(function() {
jQuery("ul.droptrue").sortable({
    connectWith: "ul",
});

jQuery("ul.dropfalse").sortable({
    connectWith: "ul",
    dropOnEmpty: false
});

jQuery("#QID8group0,#QID8group1, #QID8group2, #QID8group3, #QID8group4, #QID8group5, #QID8group6,#QID8group7,#QID8group8,#QID8group9").disableSelection();

 jQuery("#QID8group0,#QID8group1, #QID8group2, #QID8group3, #QID8group4, #QID8group5, #QID8group6,#QID8group7,#QID8group8,#QID8group9").on("sortreceive", function(event, ui) {
    var jQuerylist = jQuery(this);

    if (jQuerylist.children().length > 1) {
        jQuery(ui.sender).sortable('cancel');
    }
});
});

});

【讨论】：