Solved
Jquery fadeIn() not found
Hey ladies and gents,
I read jquery works in Qualtrics. I tried to use the fadeIn() function but the survey complains that fadeIn() is not a function.
I tried adding the jquery min to the header to correct for that in some jquery versions fadeIn() is not included, but this results in some other bunch of errors.
Could you help me out?
Cheers
Jana
Best answer by JanaJarecki
Hi Shashi,
hm, interesting, it indeed was the selector, thanks.
What I am left with is wondering why the Console complained fadeIn() does not exist. :D
Full solution (for future reference for other users):
## Hide and fadeIn() the current question##
after a delay of 2500 ms
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("#" + this.questionId).hide();
});
Qualtrics.SurveyEngine.addOnReady(function()
{
var qid = "#" + this.questionId;
var delayms = 2500;
setTimeout(function() {
jQuery(qid).fadeIn(1000);
}, delayms);
});
Hello @JanaJarecki ,
jQuery fadeIn() function does work in qualtrics
Paste the following code in the js(onReady) of the question
jQuery(".QuestionText").hide();
jQuery(".QuestionText").fadeIn(4000);
So the above code will fadeIn the question text in four seconds.
Hope you are using correct selector(id or class) in jQuery
Hi Shashi,
hm, interesting, it indeed was the selector, thanks.
What I am left with is wondering why the Console complained fadeIn() does not exist. :D
Full solution (for future reference for other users):
## Hide and fadeIn() the current question##
after a delay of 2500 ms
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("#" + this.questionId).hide();
});
Qualtrics.SurveyEngine.addOnReady(function()
{
var qid = "#" + this.questionId;
var delayms = 2500;
setTimeout(function() {
jQuery(qid).fadeIn(1000);
}, delayms);
});
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.