javascript - 将带有Javascript的自动完成功能添加到Qualtrics

我正在尝试对Qualtrics在线调查管理软件实施自动完成功能。在in this feature on the Qualtrics网站的指导下，我已在“外观”部分的标题中添加了代码的主要功能。

<br />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script><script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script><script>

var $j = jQuery.noConflict();
 $j(function() {
var availableTags = [
  "Selection 1",
  "Selection 2",
  "Selection 3"
];
$j( "#tags" ).autocomplete({
  source: availableTags
});
});
</script>

另外，我已将其添加到我要应用自动完成功能的特定问题栏中。

Qualtrics.SurveyEngine.addOnload(function() {
jQuery(function() {
jQuery( "#tags" ).autocomplete({source: availableTags});
});
});

我没有收到错误消息，文本输入字段只是不调用标签。

最佳答案

尝试将“ #tags”更改为“ .InputText”。 #tags表示Qualtrics中不存在的ID。 .InputText是用于文本输入字段的类。

将其放在Qualtrics标头中（如Anthony建议）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script>
var $j = jQuery.noConflict();
</script>

这是您问题中的问题（没有Qualtrics.SurveyEngine.addOnload），因此它仅适用于有您问题的页面：

$j(function() {
    var availableTags = [
        "Selection 1",
        "Selection 2",
        "Selection 3"
    ];
    $j( ".InputText" ).autocomplete({
        source: availableTags
    });
});