Question

我正在这个网站上工作：

www.dimitrinube.com/work/a2bc_beta1

正如您所看到的，一旦加载，就会有一个jquery循环预览项目。如果单击菜单中的项目部分，它将进入项目列表，当您单击项目时，它将打开。

在旧版本中，每个项目都存储在不同的html页面中。现在，我做了一个隐藏div的单页面布局。

我不能再做的事情是项目预览下面的标题，在循环插件下。

在旧版本中有：

$('#s2').cycle({
fx: 'scrollHorz',
speed: 500,
timeout: 0,
next: '#next2',
prev: '#prev2',
after: function(){$('#caption').html("<a href=" + this.alt + ">" + this.title + "</a>");}
});

但现在，我必须将它链接到每个项目的隐藏div：例如;这是一个隐藏的div：

<div class="content_pr" id="tab3">
<img src="img/projects/carcano/1.jpg" >
<img src="img/projects/carcano/2.jpg" >
<img src="img/projects/carcano/3.jpg" >
<img src="img/projects/carcano/4.jpg" >
<img src="img/projects/carcano/5.jpg" >
<img src="img/projects/carcano/6.jpg" >
<img src="img/projects/carcano/7.jpg" >
<img style="margin-bottom:0px" src="img/projects/carcano/8.jpg" >
</div>

由id标识;项目部分使用这段代码：

 //Handler Menu Progetti
function openTab(tab){    
$(tab).fadeTo(2000, 1);
}

$("#projects_tab a, #caption").click(function(){    
selectedTab = this.href.substr(this.href.indexOf('#'));
openTab(selectedTab);
$("#projects_tab").hide();
$("#projects_b").removeClass('active');
});

如何在jquery循环代码之后修改字符串以使魔法发生？谢谢！：）

Answer 1

我设法解决了这个问题，但并不完美：

function openTab(tab){    
$(tab).fadeTo(2000, 1);
}

$('#s2').cycle({
fx: 'scrollHorz',
speed: 500,
timeout: 0,
next: '#next2',
prev: '#prev2',
after: function(){$('.caption').html('<a href=' + this.alt + '>' + this.title +
'</a>');}
});

$('#projects_tab a,.caption a').click(function(){    
selectedTab = this.href.substr(this.href.indexOf('#'));
openTab(selectedTab);

//$("#projects_tab").animate({right: '-700'}, 1000);
$('#projects_b').addClass('active');
$("#projects_tab").hide();
$("#content").hide();
});

这是我现在使用的代码，但它不会一直有效。有什么线索的原因？这是该网站的当前版本：

www.dimitrinube.com/work/a2bc_beta2

jquery循环标题显示选定的div

1 个答案: