jScrollPane 垂直选项卡 - 如何模拟链接/选项卡上的点击?
我已经成功实现了 带有选项卡的垂直 jScrollPane 我正在尝试让选项卡默认显示。
我可以通过模拟点击 id #default 的链接来做到这一点吗?如果是这样,怎么办?
该代码与该网站上的代码相同。这是 javascript:
$(function()
{
// Create the "tabs"
$('.tabs').each(
function()
{
var currentTab, ul = $(this);
$(this).find('a').each(
function(i)
{
var a = $(this).bind(
'click',
function()
{
if (currentTab) {
ul.find('a.active').removeClass('active');
$(currentTab).hide();
}
currentTab = $(this).addClass('active')
.attr('href');
$(currentTab).show().jScrollPane();
return false;
}
);
$(a.attr('href')).hide();
}
);
}
);
});
这是 html 代码:
<ul class="tabs">
<li><a href="#pane1" id="default">Pane 1</a></li>
<li><a href="#pane2">Pane 2</a></li>
<li><a href="#pane3">Pane 3</a></li>
</ul>
谢谢!
I've implemented with success a Vertical jScrollPane with tabs
I'm trying to make a tab show up by default.
Can I do this by simulating a click on the link with the id #default ? If so, how?
The code is identical to the on that site. Here's the javascript:
$(function()
{
// Create the "tabs"
$('.tabs').each(
function()
{
var currentTab, ul = $(this);
$(this).find('a').each(
function(i)
{
var a = $(this).bind(
'click',
function()
{
if (currentTab) {
ul.find('a.active').removeClass('active');
$(currentTab).hide();
}
currentTab = $(this).addClass('active')
.attr('href');
$(currentTab).show().jScrollPane();
return false;
}
);
$(a.attr('href')).hide();
}
);
}
);
});
Here's the html code:
<ul class="tabs">
<li><a href="#pane1" id="default">Pane 1</a></li>
<li><a href="#pane2">Pane 2</a></li>
<li><a href="#pane3">Pane 3</a></li>
</ul>
Thank you!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
初始化后是否无法按预期工作?
Does this not work as expected, after it's initialized?