0

我正在尝试使用 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 对我来说是未知领域，我不知道下一步该尝试什么。这个脚本我缺少什么？

4

1 回答 1

0

我不确定你为什么要这样做$.noConflict()。此外，您似乎已经完全调用了 jQuery 库；有时使用“$”，有时使用“jQuery”。另外，如果你把东西放进去，<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>

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

于 2014-09-15T19:47:12.577 回答