Jquery后续选项卡未加载ajax天气小部件
我正在构建一个带有一个小标签(基于cookie)的站点,其中包含一个AJAX天气小部件。我知道我的问题是AJAX内容只在开始时加载,其余选项卡在单击时不会触发事件。我已经找到了很多解决方案,包括使用load、cache、url-hrefs、id-hrefs等等,但在每种情况下,我都在尝试实现时弄乱了语法。我不确定哪种解决方案适用于我(任何/所有?)。这看似简单,但我想我已经盯着这个太久了 这是我的html标签:Jquery后续选项卡未加载ajax天气小部件,jquery,ajax,tabs,Jquery,Ajax,Tabs,我正在构建一个带有一个小标签(基于cookie)的站点,其中包含一个AJAX天气小部件。我知道我的问题是AJAX内容只在开始时加载,其余选项卡在单击时不会触发事件。我已经找到了很多解决方案,包括使用load、cache、url-hrefs、id-hrefs等等,但在每种情况下,我都在尝试实现时弄乱了语法。我不确定哪种解决方案适用于我(任何/所有?)。这看似简单,但我想我已经盯着这个太久了 这是我的html标签: <div id="profileTabList" class=
<div id="profileTabList" class="tabs">
<a href="#toronto">Toronto</a>
<a href="#montreal">Montreal</a>
<a href="#calgary">Calgary</a>
<a href="#vancouver">Vancouver</a>
</div>
<div class="hr"></div>
<div id="profileTabData" class="both">
<div id="toronto" class="tab_content">
<div class="left">
<div class="ws-widget"><span class="ws-location">Toronto, Canada</span></div>
</div>
<div class="right">
<div class="ws-widget"><span class="ws-location">Moscow, Russia</span></div>
</div>
</div>
<div id="montreal" class="tab_content">
<div class="left">
<div class="ws-widget"><span class="ws-location">Montreal, Canada</span></div>
</div>
<div class="right">
<div id="cbc-montreal"></div>
</div>
</div>
<div id="calgary" class="tab_content">
<div class="left">
<div class="ws-widget"><span class="ws-location">Calgary, Canada</span></div>
</div>
<div class="right">
<div id="cbc-calgary"></div>
</div>
</div>
<div id="vancouver" class="tab_content">
<div class="left">
<div class="ws-widget"><span class="ws-location">Vancouver, Canada</span></div>
</div>
<div class="right">
<div id="cbc-bc"></div>
</div>
</div>
</div>
})) 这实际上是一个ajax问题吗?我试图用jquery.com上的tabs包和左边的:-10000px技巧来重建这一切。我基本上放弃了这一点,使用了新的jquery标签代码和左边的索引修复。这似乎奏效了。
$(function(){
function HashTabs(){
var Cookie = $.cookie("offices");
var activeTab = '';
var navIndex = '';
$('.tab_content').hide();
if(!Cookie){
$(".tabs a:first").addClass("active").show();
$(".tab_content:first").show();
} else if (Cookie != "") {
$('.tabs > a:eq('+ Cookie +')').addClass('active').next().show();
activeTab = $('.tabs > a:eq('+ Cookie +')').attr("href");
$(activeTab).fadeIn(0);
}
$(".tabs > a").click(function() {
$(".tabs a").removeClass("active");
$(this).addClass("active");
navIndex = $('.tabs > a').index(this);
$.cookie("offices", navIndex);
$('.tab_content').hide();
activeTab = $(this).attr("href");
$(activeTab).fadeIn(0);
return false;
});
}
$('#profileTabList').each(function(){
return HashTabs();
});