Вот собственно код.
Страница которая отсылает 2 запроса.
Первый, при выборе регионов.
Второй, при выборе городов.
<?php
/*
Template Name: Шаблон архивов
*/
?>
<?php get_header(); ?>
<style type="text/css" rel="stylesheet" >
#archive_browser > div { display: inline-block; padding-right: 10px; }
#archive_pot { min-height:150px; }
#archives_table { border-collapse:collapse; margin:15px 0 0 0; width:100%; }
#archives_table td { min-height:25px; padding:4px; border-top:1px solid #eee; border-bottom:1px solid #eee; }
</style>
<script type="text/javascript">
$(document).ready(function (){
$(function(){
$("#region>#cat").change(function(){
if($(this).val() == 0) return false;
if ($(this).val() == 22) {
$("#map_bol").css("background", "url(http://www.det.amkon.com.ua/wp-content/uploads/2014/05/map_22.png) no-repeat");
}
var num = $(this).val();
$("#map_bol").css("background", "url(http://www.det.amkon.com.ua/wp-content/uploads/2014/05/map_" + num +".png) no-repeat");
$.post(
"<?php bloginfo('template_url') ?>/js/category_vybor.php",
{
categ : num
},
function(data) {
$("#town_pot").html(data).animate({ height: $("#town_table").height()+40 });
}
);
});
$("archive_pot #cat").change(function(){
// if($(this).val() == 0) return false;
alert($(this).val());
var num_town = $(this).val();
$.post(
"<?php bloginfo('template_url') ?>/js/archive_getter.php",
{
categ_town : num_town
},
function(data) {
$("#archive_pot").html(data).animate({ height: $("#archive_table").height()+40 });
}
);
});
});
})(jQuery)
</script>
<?php get_header(); ?>
<div id="content">
<div class="container">
<div class="row">
<div class="span12">
<div class="shadow-block white">
<div class="block-indent">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- Далее проверяется находится ли текущая запись в рубрике 3. -->
<!-- Если да, то блоку div, будет присвоен класс "post-cat-three". -->
<!-- Иначе, блоку div будет присвоен класс "post". -->
<!-- Отобразить Заголовок как постоянную ссылку на Запись. -->
<h2><?php the_title(); ?></h2>
<!-- Отобразить время. -->
<div class="picture">
<?php the_post_thumbnail('thumbnail'); ?>
</div>
<!-- Отобразить Содержимое Записи внутри div. -->
<div class="clearfix block-2">
<div>
<?php the_content(); ?>
<div id="region">
<h4>Регионы</h4>
<?php wp_dropdown_categories('show_option_none= -- &child_of=10&hide_empty=0'); ?>
</div>
<div id="archive_browser">
<div style="display: none;">
<h4>Месяцы</h4>
<select id="month-choice">
<option val="no-choice"> — </option>
<?php wp_get_archives(array(
'type' => 'monthly',
'format' => 'option'
)); ?>
</select>
</div>
<div id="town_pot">
<!-- <h4>Города</h4>
<?php wp_dropdown_categories('show_option_none= -- &child_of=14&hide_empty=0'); ?> -->
</div>
</div>
<div id="map_bol">
</div>
<div id='archive_pot'></div>
</div>
<!-- Остановить Цикл (но есть ключевое слово "else:" - смотрите далее). -->
<?php endwhile; else: ?>
<!-- В первом "if" проверяется существуют ли каки-либо записи для -->
<!-- вывода. Эта часть "else", говорит что делать, если записей не нашлось.-->
<p>Sorry, no posts matched your criteria.</p>
<!-- ДЕЙСТВИТЕЛЬНО остановить Цикл -->
<?php endif; ?>
<?php rewind_posts(); ?>
<?php while (have_posts()) : the_post(); ?>
<!-- получить записи... -->
<?php endwhile; ?>
</div>
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird"
></div>
</div>
</div>
</div>
<!-- wrapper -->
<?php get_footer(); ?>
После получение данных городов.
Не срабатывает событие change.
Почему?
Сложный