You are implementing a website redesign of an existing website that
provides historical weather condition maps. The current layout resembles the following graphic.
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 d
iv with an id of -year-changer-.
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
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.
- min : Minimum value allowed for the slider.
- max : Maximum allowed value for the slider.
- step : How much you want to increment when you slide. Default is 1.
- value : set default value of the slider.
Reference: Implement jQuery UI slider with ASP.NET
http://www.jquerybyexample.net/2010/09/implement-jquery-ui-slider-with-aspnet.html