سلام
من یک اسلایدر بار می خوام داشته باشم که با jquery نوشته شده است. کد به شکل زیر:
کد بالا کار می کند و مشکلی هم ندارد. الان من می خوان دو تا از این اسلاید ها در صفحه داشته باشم باید یکی اینکه div مربوطه رو تکرار کنم و دیگری اینکه باید کد jquery رو هم تکرار کنم. و id ها رو هم عوض کنم.
الان سوال من اینه که اگر بخوام تعداد تکرار متغیر باشه یعنی بر اساس عددی که تو دیتابیس نوشته شده کد jquery رو چطور باید تکرا کنم؟
ممنون
من یک اسلایدر بار می خوام داشته باشم که با jquery نوشته شده است. کد به شکل زیر:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Range slider</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
</script>
</head>
<body>
<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>
</body>
</html>
کد بالا کار می کند و مشکلی هم ندارد. الان من می خوان دو تا از این اسلاید ها در صفحه داشته باشم باید یکی اینکه div مربوطه رو تکرار کنم و دیگری اینکه باید کد jquery رو هم تکرار کنم. و id ها رو هم عوض کنم.
الان سوال من اینه که اگر بخوام تعداد تکرار متغیر باشه یعنی بر اساس عددی که تو دیتابیس نوشته شده کد jquery رو چطور باید تکرا کنم؟
ممنون
