Jquery fadeIn() not found | XM Community
Solved

Jquery fadeIn() not found

  • 24 September 2018
  • 3 replies
  • 44 views
JanaJarecki
Userlevel 1
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
icon

Best answer by JanaJarecki 24 September 2018, 20:11

View original

3 replies

Ritz
Rank
Badge +1
Hey @JanaJarecki ,

Unless the element is hidden, no fade will occur
A
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
JanaJarecki
Userlevel 1
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);
});

Leave a Reply


Terms & Conditions