Javascript автозаполнение в Qualtrics не отображается ниже вопроса - PullRequest
Новая
       34

Javascript автозаполнение в Qualtrics не отображается ниже вопроса

0 голосов
/ 10 апреля 2020

Я реализовал следующий код javascript, чтобы использовать функцию автозаполнения в вопросе текстового поля в Qualtrics. 

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

        "Adam", "Athelney", "Baring"

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

});

Код работает; однако предложения автозаполнения появляются в конце страницы (под ссылкой «Powered by Qualtrics»). См. Первый снимок экрана:

enter image description here

Я не уверен, является ли это ошибкой в ​​Qualtrics; тем не менее, я протестировал один и тот же код в учетной записи, предоставленной другим университетом (см. второй снимок экрана ниже), где тот же код работает, как и ожидалось (предложение появляется прямо под вопросом, а не в конце страницы), поэтому я Я озадачен этим поведением.

Qualtrics screenshot 2

Есть идеи, что может вызвать такое поведение и как его устранить? (в обоих примерах не используется пользовательский CSS или что-то подобное, но это учетные записи, размещенные в двух разных университетах). Спасибо.

1 Ответ

0 голосов
/ 11 апреля 2020

На основании приведенного выше комментария скопируйте правило CSS html.JFEScope body#SurveyEngineBody ul#ui-id-5.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front из рабочей версии в Look & Feel> Custom CSS нерабочей версии. Важной частью является содержание правила. Предположительно они разные.

Хотя классы расположены в другом порядке, единственная разница между двумя селекторами - это идентификатор элемента ul. Убедитесь, что вы используете правильный идентификатор (они могут различаться в двух опросах).

...