Question

我正在尝试使用jQuery在Qualtrics调查中为问题实现自动填充文本框。我意识到这个问题已经在stackoverflow上的另一个问题（在Qualtrics中使用jQuery进行自动完成）中被提出/回答了，但是我尝试了他们的解决方案并且它对我不起作用。（我没有足够的代表来评论这个问题:(

我使用的示例代码来自http://jqueryui.com/autocomplete;我将此代码复制到外观和放大器中。感觉Qualtrics的部分：

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    <script>$.noConflict();</script>
    <script>
    $(function() {
    var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
    ];
    $("#tags").autocomplete({source: availableTags});
    });
    </script>

并将以下代码放入问题正文：

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

我尝试将选择器从示例代码和问题正文代码更改为（'＃QID15 .InputText），但是没有做任何事情。

Javascript和jQuery对我来说是一个未知的领域，我不知道下一步该尝试什么。这个脚本我错过了什么？

Answer 1

我不确定你为什么要做$.noConflict()。而且，你好像都在调用jQuery库;有时使用＆＃34; $＆＃34;有时＆＃34; jQuery＆＃34;。另外，如果您要将内容放在<head>中，则应使用$(document).ready();。让我们简化......

<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script>
<script>
$(document).ready( function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$("#tags").autocomplete({source: availableTags});
});
</script>
</head>
<body>
    <input type="text" value="" id="tags" />
</body>
</html>

你真的想要一些风格，但它应该让你开始。

在Qualtrics中实现jQuery自动完成

1 个答案: