jScrollPane 垂直选项卡 - 如何模拟链接/选项卡上的点击?

发布于 2024-10-27 05:44:17 字数 1534 浏览 6 评论 0原文

我已经成功实现了 带有选项卡的垂直 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

落叶缤纷 2024-11-03 05:44:17

初始化后是否无法按预期工作?

$('#default').click()

Does this not work as expected, after it's initialized?

$('#default').click()
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文