使用同一页面上的文本链接打开选项卡

发布于 2024-08-09 18:06:51 字数 106 浏览 3 评论 0原文

我有一系列包含内容的选项卡,并且希望当用户单击侧边栏上的链接时打开其中一个选项卡/内容。我该怎么做,请用简单的术语和说明。我已经设法使用 jquery 设置选项卡,但并不是真正的 js savie!

I have a series of tabs with content and want one of the tab/contents to open when a user clicks on a link on a sidebar. How do I do this please in simple terms and instructions. I've managed to set up the tabs using jquery but not really al that js savie!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(1

弄潮 2024-08-16 18:06:51

如果侧边栏上的链接是真正的超链接,那么我建议在查询字符串中传递一些内容。

这取决于您的网站使用的语言,但是您是否无法检测链接的查询字符串中的某些内容并更改服务器端的可见选项卡?

或者;使用 JavaScript 创建一个函数来获取变量,您可以在 jQuery 就绪事件中触发该变量并更改可见内容和焦点选项卡。

类似于(从网上借用的):

function querySt(queryvariable) 
{
    hu = window.location.search.substring(1);
    gy = hu.split("&");
    for (i=0;i<gy.length;i++) 
    {
        ft = gy[i].split("=");
        if (ft[0] == queryvariable) 
        {
            return ft[1];
        }
    }
}

由以下人员触发:
var foobar = querySt("foobar");

可能还有一个 jQuery 插件。

只需重新阅读您的问题即可;你可以禁用侧边栏链接点击事件的defaultaction并执行jquery语句,只要你的侧边栏链接的id以某种方式与你想要显示的内容相关,你应该是quids:(

$(".sidebarlink").click(function(e) {
// check this
e.disableDefault();
var linkid = this.id;
$("#content-" + linkid).show();
});

抱歉,如果语法错误)

If the links on your sidebar are true hyperlinks then I would suggest passing something through in the querystring.

It depends what language your site is, but can you not detect something in the querystring of your link and change the visible tab serverside?

Alternatively; using JavaScript, create a function to pick up the variable, that you can fire in the jQuery ready event and change the visible content and focused tab.

something along the lines of (borrowed this from the web):

function querySt(queryvariable) 
{
    hu = window.location.search.substring(1);
    gy = hu.split("&");
    for (i=0;i<gy.length;i++) 
    {
        ft = gy[i].split("=");
        if (ft[0] == queryvariable) 
        {
            return ft[1];
        }
    }
}

Fired by:
var foobar = querySt("foobar");

There may be a jQuery plugin too.

Just re-read your question; you could disable the defaultaction of the sidebar link click event and perform a jquery statement, so long as the id of you sidebar link somehow related to the content you want to show you should be quids in:

$(".sidebarlink").click(function(e) {
// check this
e.disableDefault();
var linkid = this.id;
$("#content-" + linkid).show();
});

(sorry if the syntax is wrong)

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