Показать сообщение отдельно
  #1 (permalink)  
Старый 21.10.2013, 14:57
Интересующийся
Отправить личное сообщение для Maxsl_89 Посмотреть профиль Найти все сообщения от Maxsl_89
 
Регистрация: 14.10.2013
Сообщений: 12

Функция, которая по клику вытягивает данные и выводит их
Функция, которая по клику вытягивает из JSON данные и выводит их. (данные зависят от категории по которой кликнули). Все отлично работает, вот только как сделать чтоб по-молчанию уже были отображены данные из 1-й категории?

<script type="text/javascript">
$(".slot1").click(function() {
	var jcid = this.getAttribute('id');
	var idres = $(".angl_btk").prop('id');
	var catimg = "<div class='catimg'><img src='"+$(this).children('img').attr('src')+"' width='130' height='107'/></div>";
	//<img src='".$cat_img->{'image'}."' width='126' height='126' />
	//alert(catimg);
	var cattitle = catimg+"<div class='boutique_title'>"+$(this).children('.slot1_txt').text()+ " " +"<?php echo $logic;?>"+"</div>";

	//alert(cattitle);
	$.ajax({

	  url: "components/com_resort/ajax/dots2.php",
	  cache: false,
	  data: ({cdid : jcid,idresort : idres}),
	  ajaxStart: function(){
	  },
	  beforeSend: function(){
			$('#result').replaceWith("<div id='result'><div class='aloader'></div></div>");
	  },
	  success: function(data){
				var json_obg = JSON.parse(data);
				$('#result').replaceWith("<div id='result'></div>");	
				$('#result').append(cattitle);	
								
				for (var i in json_obg) {
			
					    //$('div#result').append('<div class="discount_title">'+json_obg[i]["title"]+'</div>');
					    $('div#result').append('<div class="discount_title">'+json_obg[i]["title"]+'</div>');
					
						$('div#result').append('<div class="discount_body '+i+'"></div>');
					    
						console.log(i);
					    var cnt = 0;
						for (var d in json_obg[i]['attrd']) {
					    cnt++;
						
						
							if(cnt<=5){
							$('.discount_body.'+i+'').append('<div class="discount_body_left">'+json_obg[i].attrd['attr_type_'+cnt+'']+'</div>');
							$('.discount_body.'+i+'').append('<div class="discount_body_right">'+json_obg[i].attrd['attr_value_'+cnt+'']+'</div>');
							
							}

						}
						
						$('.discount_body.'+i+'').append('<div class="boutique_elipse"></div>');
						
						
					}

				},
		
	 // },
	  complete: function(){
	  },
		
	});

});
</script>
Ответить с цитированием