Показать сообщение отдельно
  #4 (permalink)  
Старый 29.08.2013, 12:09
Аспирант
Отправить личное сообщение для feniks7 Посмотреть профиль Найти все сообщения от feniks7
 
Регистрация: 08.07.2013
Сообщений: 51

Ситуация изменилась. Решено заменить инпуты на JQslider.
<p>
			  <label for="amount">Price range:</label>
			  <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>

			<div id="slider-range"></div>



<script language="JavaScript" type="text/javascript">
  $(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 2000,
      step:50,
      values: [ 75, 300 ],
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
	var min_value = ui.values[0];
	var max_value = ui.values[1];
	var array_elements = jQuery.makeArray($(".moiki .tdk_item"));
	var array_elements_length = array_elements.length;
	for(var i=0; i<=array_elements_length; i++){
		var tdk_filter_current_id=array_elements[i].id;
		var tdk_filter_current_price=+array_elements[i].getAttribute("data-price");
		if(tdk_filter_current_price<min_value||tdk_filter_current_price>max_value){
			$( '#'+tdk_filter_current_id ).hide();
		}
		else{
		$( '#'+tdk_filter_current_id ).show();
		}
	}
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
      " - $" + $( "#slider-range" ).slider( "values", 1 ) );
  });
 </script>


Теперь такая проблема что как только я добавляю <if else> в эту конструкцию, перестает двигаться ползунок слайдера. Прошу помощи с решением этой проблемы...

Последний раз редактировалось feniks7, 29.08.2013 в 12:12. Причина: Визуальные исправления
Ответить с цитированием