Hi all
I have multiple slider questions throughout my survey and the same behaviour emerges throughout. I wanted to change the position of the labels for my slider question. I used the following to move the labels:
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery(".numbers li").hide();
var labels = jQuery("#"+this.questionId+" ul.labels");
if (labels.length > 0 && jQuery("div.slider-container").length > 0) {
labels.insertAfter("div.slider-container");
labels.css('font-weight', '700');
}
});
When I preview the question on its own, it works like a charm!
But, when I preview the block or test out the survey after it is published, this is what happens:
Immediately below this question, I have a second, similar question which uses the following (identical to the first):
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery(".numbers li").hide();
var labels = jQuery("#"+this.questionId+" ul.labels");
if (labels.length > 0 && jQuery("div.slider-container").length > 0) {
labels.insertAfter("div.slider-container");
labels.css('font-weight', '700');
}
});
Again, previewing the question on its own works fine but here it is only producing two labels when it is in the published form. This slider question and the first one referenced in this post are literally immediately after one another in the same block.
Can anyone tell me what’s happening here? Why is it tripling/doubling the labels like that? If there is a mistake in my java code, please feel free to correct it and post the corrected code. Alternative work-arounds would also be welcome!
