You are implementing a website redesign of an existing website that provides historical weather
condition maps.
The current layout resembles the graphic in the exhibit. (Click the Exhibit button.)
Year selection is implemented as a set of links, which causes the page to reload when the user
changes the year. The year selection HTML is contained in a div with an id of “year‐selector”.
You need to modify the page so that the user can change the year without the page reloading.
You also need to ensure that there is minimal change to the design of the page.
Which code segment should you use?
A.
Option A
B.
Option B
C.
Option C
D.
Option D
The correct answer is D.
Explanation:
jQuery code will bind the slider control to the div.
$(document).ready(function(){
$(“#slider”).slider();
});
Now, when you run this page then you will see a long slider on page with no range. As we have not
specified any range.slider control comes with various options/properties which can be set. Here are
few of them.
1. min : Minimum value allowed for the slider.
2. max : Maximum allowed value for the slider.
3. step : How much you want to increment when you slide. Default is 1.
4. value : set default value of the slider.
Implement jQuery UI slider with ASP.NET
http://www.jquerybyexample.net/2010/09/implement‐jquery‐ui‐slider‐with‐aspnet.html
112 is the same
See also question 112
answer should be D
https://jqueryui.com/slider/#range
i Agree, D is correct.
Actually, slider contains “range” property, but it used for enabling and configuring range selection in slider, not for setting min and max possible values.