And again I ask "When is the first question answered?"
Let's imagine:
1.
The respondent moves the first slider.
Now he is able to move the second slider.
And the respondent moves the second slider.
He changes his opinion and changes the position of the first slider.
So it was more or less useless to lock the second slider.
2.
To avoid the above let's change the scenario a bit:
After the first slider is answered, the second slider gets unlocked, but the first slider gets locked.
The respondent moves the first slider.
Unintentionally he releases the mouse button before he reaches the final position (or he releases it, but would like to refine the position)
Now the first slider is locked and the respondent has no chance to set this slider to the desired position.
So, I do not see any sense in it.
But anyway:
Maybe you may try this
In the source code of the first slider question insert this
Code:
<script type="text/javascript" data-author="Tony Partner">
$(document).on('ready pjax:scriptcomplete',function(){
// Identify elements
var thisQuestion = $('#question{QID}');
var slid1 = $('.answer-item.slider-item:eq(0) input:text');
$(slid1).on('slideEnabled',function(){
// Listener on slider
$(this).on('slide slideStop', function(event) {
$('.slid2 .slider-container').show();
});
});
});
</script>
You see the pupose is to show the second slider if the first is moved.
And in the second slider question add the css class "slid2" and this script
Code:
<script type="text/javascript">
$(document).on('ready pjax:scriptcomplete',function(){
$('.slid2 .slider-container').hide();
});
</script>
This only hides the second slider at the beginning
Topic Author
