|
|
|
|
@ -1,23 +1,8 @@
|
|
|
|
|
<div class="filter-box">
|
|
|
|
|
<div class="filter-left">
|
|
|
|
|
<div class="filter-item">
|
|
|
|
|
<div class="filter-nav">Category</div>
|
|
|
|
|
<div class="filter-popup">
|
|
|
|
|
<p class="popup-title">Tours</p>
|
|
|
|
|
<ul id="category-list">
|
|
|
|
|
<?php foreach ($allTypeList->type as $ltItem) { ?>
|
|
|
|
|
<li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="popup-bottom">
|
|
|
|
|
<a href="javascript:;" class="clearbtn" id="clear-category"><strong>Clear</strong></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="filter-item">
|
|
|
|
|
<div class="filter-nav">THEME</div>
|
|
|
|
|
<div class="filter-popup">
|
|
|
|
|
<p class="popup-title">Tours</p>
|
|
|
|
|
<div class="filter-popup">
|
|
|
|
|
<ul id="theme-list">
|
|
|
|
|
<?php foreach ($allTypeList->extendType as $ltItem) { ?>
|
|
|
|
|
<li><a href="javascript:;" data-id="<?php echo $ltItem->SYC_SN ?>"><?php echo $ltItem->SYC2_CodeDiscribe ?></a></li>
|
|
|
|
|
@ -32,11 +17,10 @@
|
|
|
|
|
<div class="filter-nav">Hours</div>
|
|
|
|
|
<div class="filter-popup">
|
|
|
|
|
<ul id="hours-list">
|
|
|
|
|
<li><a href="javascript:;" data-day="1-2">1-2 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="3-4">3-4 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="5-6">5-6 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="7-8">7-8 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="9-20">more then 8 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="1-3">1-3 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="4-5">4-5 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="6-8">6-8 Hours</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-day="9-10">9-10 Hours</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="popup-bottom">
|
|
|
|
|
<a href="javascript:;" class="clearbtn" id="clear-hours"><strong>Clear</strong></a>
|
|
|
|
|
@ -48,11 +32,11 @@
|
|
|
|
|
<div class="filter-popup">
|
|
|
|
|
<p class="popup-title"></p>
|
|
|
|
|
<ul id="price-list">
|
|
|
|
|
<li><a href="javascript:;" data-price="0-99">< $100</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="100-200">$100-$200</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="0-49">< $50</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="50-100">$50-$100</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="101-200">$101-$200</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="201-300">$201-$300</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="301-400">$301-$400</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="401-10000">> $400</a></li>
|
|
|
|
|
<li><a href="javascript:;" data-price="301-10000">> $300</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="popup-bottom">
|
|
|
|
|
<a href="javascript:;" class="clearbtn" id="clear-price"><strong>Clear</strong></a>
|
|
|
|
|
@ -89,7 +73,6 @@
|
|
|
|
|
const allCountSpan = document.getElementById('all-count');
|
|
|
|
|
|
|
|
|
|
// 初始化筛选器
|
|
|
|
|
setupFilter('category-list', 'clear-category');
|
|
|
|
|
setupFilter('theme-list', 'clear-theme');
|
|
|
|
|
setupFilter('hours-list', 'clear-hours');
|
|
|
|
|
setupFilter('price-list', 'clear-price');
|
|
|
|
|
@ -122,11 +105,6 @@
|
|
|
|
|
|
|
|
|
|
// 筛选并显示旅游项目
|
|
|
|
|
function filterAndDisplayTours() {
|
|
|
|
|
// 获取选中的分类
|
|
|
|
|
const selectedCategories = [];
|
|
|
|
|
document.querySelectorAll('#category-list li.active a').forEach(a => {
|
|
|
|
|
selectedCategories.push(a.getAttribute('data-id'));
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 获取选中的主题
|
|
|
|
|
const selectedThemes = [];
|
|
|
|
|
@ -148,9 +126,6 @@
|
|
|
|
|
|
|
|
|
|
// 筛选旅游数据
|
|
|
|
|
const filteredTours = TourData.filter(tour => {
|
|
|
|
|
// 检查分类
|
|
|
|
|
const categoryMatch = selectedCategories.length === 0 ||
|
|
|
|
|
selectedCategories.includes(tour.type);
|
|
|
|
|
|
|
|
|
|
// 检查主题
|
|
|
|
|
const themeMatch = selectedThemes.length === 0 ||
|
|
|
|
|
@ -181,7 +156,7 @@
|
|
|
|
|
return !isNaN(price) && price >= min && price <= max;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return categoryMatch && themeMatch && hourMatch && priceMatch;
|
|
|
|
|
return themeMatch && hourMatch && priceMatch;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 更新总计数
|
|
|
|
|
|