Qualtrics에서 jQuery 자동 완성 구현하기

jQuery를 사용하여 Qualtrics 설문지의 질문에 대한 자동 완성 텍스트 상자를 구현하려고합니다. 나는이 질문이 이미 다른 질문 (예 : Qualtrics의 자동 완성을위한 jQuery 사용)에서 stackoverflow에 대한 질문/대답을하고 있음을 알고 있지만 해결책을 찾았지만 제대로 작동하지 않았다. (그리고 나는 그 질문 :(Qualtrics에서 jQuery 자동 완성 구현하기

내가 사용 예제 코드는 http://jqueryui.com/autocomplete 출신에 대해 언급하기에 충분한 담당자 포인트가없는, 내가 퀼트 릭스의 섹션을 느끼는 모양 &이 코드를 복사 :

<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)에 대한 질문 본체 코드에서 선택을 변경하려

하지만 아무 짓도 안 했어요 .

자바 스크립트와 jQuery는 나에게 미지의 영역이며 다음에 무엇을 시도해야할지 모르겠다. 이 스크립트는 무엇이 없습니까?

출처

2014-09-15 small_data88

나는 왜 $.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-15 19:47:12

Qualtrics는 변수 명명에 Prototype.js를 사용하며 측량 시스템이 jQuery를 구별 할 수 있도록 $ .noConflict() 변수를 선언하는 것이 좋습니다. Qualtrics에서 javascript가 작동하는 방법에 대한 웹 페이지를 확인하십시오. http://www.qualtrics.com/university/researchsuite/developer-tools/custom-programming/javascript-in-qualtrics/ Qualtrics 이후 실제 텍스트 상자가 필요 없습니다. 'GUI가 그것을 만듭니다; 텍스트 상자에 자동 완성 기능 만 있으면됩니다. 귀하의 코드를 테스트하고 텍스트 상자를 만들지 만 자동 완성 기능이 없습니다 (누락 된 것이 있습니까?) –

이전에 같은 문제가있는 다른 게시물이 있으며 해결했습니다. 나는 그것을 따라하려고했지만 여전히 효과가 없었고, 묻는 사람은 그가 전에 바꾼 것을 언급하지 않았다. 나는 파이썬/R 배경에서 js와 jQuery를 배우려고 노력하고 있지만, 일을 해결하고 직접적인 해결책이 필요하다는 것을 충분히 알지 못한다. 어쩌면 당신이나 누군가가 그 게시물에서했던 것과 Qt를 Qualtrics에서 활용하는 방법을 이해할 수 있습니까? 응답 해 주셔서 감사합니다. js 및 jQuery에 대한 학습에 도움이되었습니다. –

도움이된다면 Qualtrics가 각 질문에 js를 구현하는 데 사용하는 템플릿을 다음과 같이 사용하십시오. Qualtrics.SurveyEngine.addOnload (function() { \t/*이 라인 아래에 자바 스크립트를 놓고 */ });' –

Qualtrics에서 jQuery 자동 완성 구현하기

답변

관련 문제