Qualtrics中的Javascript自动完成功能无法在问题下方显示

Question

我已实现以下javascript代码，以在Qualtrics的文本字段问题中使用自动完成功能。

Qualtrics.SurveyEngine.addOnReady(function()
{
    var textOptions = [

        "Adam", "Athelney", "Baring"

];
    jQuery('.QR-' + this.questionId).autocomplete({
        source: textOptions,
        minLength: 3
    });

});

该代码有效；但是，自动完成建议显示在页面末尾（在“ Powered by Qualtrics” URL链接下方）。请参阅第一个屏幕截图：

我不确定这是否是Qualtrics中的错误；但是，我已经在另一所大学提供的帐户上测试了相同的代码（请参见下面的第二张屏幕截图），其中相同的代码可以按预期工作（建议显示在问题的下方，而不是页面的末尾），所以我对此行为感到困惑。

任何想法可能导致这种现象，以及如何解决？ （两个示例均未使用任何自定义CSS等，但它们是在两个不同大学托管的帐户）谢谢。

Answer 1

基于上面的评论，将CSS html.JFEScope body#SurveyEngineBody ul#ui-id-5.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front规则从工作版本复制到非工作版本的Look＆Feel>自定义CSS。重要的部分是规则的内容。大概它们是不同的。

尽管类的顺序不同，但是两个选择器之间的唯一区别是ul元素的ID。确保使用正确的ID（两个调查中的ID可能不同）。