Здравствуйте Уважаемые форумчане!
Не судите меня строго за мои идеи и домыслы, я в этом новичок.
На странице есть вывод категорий и товаров в таком виде:
<div class="row category" id="content">
<div class="subcats">
<?php foreach ($categories as $category_1) { ?>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2 class="tac"><a href="<?php echo $category_1['href']; ?>"><?php echo $category_1['name']; ?></a></h2>
<hr>
<?php if ($category_1['children']) { ?>
<div>
<?php foreach ($category_1['children'] as $category_2) { ?>
<div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<h3 class="category-item-name"><a href="<?php echo $category_2['href']; ?>"><?php echo $category_2['name']; ?></a></h3>
<hr class="category-item-line">
<?php if ($products_all[ $category_2['category_id'] ]) { ?>
<ul class="tov-cat">
<?php foreach ( $products_all[ $category_2['category_id'] ] as $product ) { ?>
<li><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></li>
<?php } ?>
</ul>
<?php } ?>
<?php if ($category_2['children']) { ?>
<ul class="3">
<?php foreach ($category_2['children'] as $category_3) { ?>
<li><a href="<?php echo $category_3['href']; ?>"><?php echo $category_3['name']; ?></a></li>
<?php } ?>
</ul>
<?php } ?>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
</div>
Пытаюсь поместить его в отдельный файл и загружать по запросу при нажатии на ссылку.
Делаю так, помещаю этот код в отдельный файл uploadContent.php
А вместо прежнего кода вставляю этот:
<div>
<script type="text/javascript">
$(document).ready(function(){
$('#getContent').click(function(){
$.ajax({
url: "/uploadContent.php",
type: "GET",
cache: false,
beforeSend: function() {
$('#divContent').html('Получаем контент');
},
success: function(html){
$("#divContent").html(html);
}
});
return false;
});
});
</script>
<a href="#" id="getContent">Развернуть</a>
<div id="divContent"></div>
</div>
Скрипт срабатывает, подгружаються стили, а вот категорий и товаров нет.
Подскажите пожалуйста как победить данную проблему? Спасибо!
