mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-12-07 06:14:24 +00:00
44 lines
1.0 KiB
HTML
44 lines
1.0 KiB
HTML
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
var model = {
|
||
|
|
|
||
|
|
renderAt: '#containerDemo',
|
||
|
|
|
||
|
|
title: 'Slider Demos',
|
||
|
|
|
||
|
|
demos: [
|
||
|
|
|
||
|
|
{
|
||
|
|
title: 'Simple slider',
|
||
|
|
desc: 'With few lines of code you could build a slider. You can try more options on the fly!',
|
||
|
|
html: '<div id="slider3"><div class="ui-slider-handle"></div></div>',
|
||
|
|
destroy: '$("#slider3").sortable("destroy");',
|
||
|
|
options: [
|
||
|
|
{
|
||
|
|
desc: 'Make a simple slider',
|
||
|
|
source: '$("#slider3").slider();'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
{
|
||
|
|
title: 'Multiple slides',
|
||
|
|
desc: 'You can also have multiples slides.',
|
||
|
|
html: '<div id="slider1" class="ui-slider-2"><div class="ui-slider-handle"></div><div class="ui-slider-handle" style="left:100px"></div></div>',
|
||
|
|
destroy: '$("#slider1").slider("destroy");',
|
||
|
|
options: [
|
||
|
|
{ desc: 'Multiple slides', source: '$("#slider1").slider();' }
|
||
|
|
//, { desc: 'Multiple slides with range', source: '$("#slider1").slider({ range: true });' }
|
||
|
|
]
|
||
|
|
}
|
||
|
|
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
$(function(){
|
||
|
|
|
||
|
|
uiRenderDemo(model);
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|