jquery - 同一标签中的标签链接

标签 jquery html hyperlink tabs

我有一个选项卡,它工作得很好,但我不能在这个选项卡的对话框中放置链接或按钮,它会将我发送到同一选项卡中的另一个窗口(我在第一个窗口中,然后单击我的按钮想让我打开第二个窗口)。 我也在你的论坛上阅读了其他类似的帖子,但我无法让它发挥作用。

我的代码:

<div id="biztabs">

    <ul>
      <li><a href="#tab-1">Overview</a></li>
      <li><a href="#tab-2">Photo</a></li>
      <li><a href="#tab-3">Video</a></li>
    </ul>

   <div id="tab-1">
   <p>Nell'anno 1969 è bastata la potenza di calcolo di due Commodore 64 per mandare con successo una navicella sulla Luna; nell'anno 2003 è necessario un Pentium 4 a 2000 Mhz per far funzionare Windows XP. Qualcosa deve essere andato storto.</p>
    <a href="#tab-2">A INTERNAL LINK TO TAB 2</a>
   </div>
    <div id="tab-2">
    <p>Un bambino chiede al padre cosa fossero le icone,il padre risponde: "Sono immagini sacre" E il figlio:"E perchè Windows ne ha tante?" Il padre:"Perchè per farlo funzionare ci vuole un miracolo!!!"</p>
    </div>
    <div id="tab-3">
    <p>La mia stampante ogni tanto ha la carta esaurita , forse dovrei portarla da uno psicologo ?</p>
    </div>
</div>  

我的脚本:

<script>
jQuery(function() {
jQuery( '#biztabs' ).tabs();
});
</script>

最佳答案

尝试使用 jQuery 选项卡方法 select

HTML:

 <div id="biztabs">
    <ul>
      <li><a href="#tab-1">Overview</a></li>
      <li><a href="#tab-2">Photo</a></li>
      <li><a href="#tab-3">Video</a></li>
    </ul>

    <div id="tab-1">
        <p>Nell'anno 1969 è bastata la potenza di calcolo di due Commodore 64 
           per mandare con successo una navicella sulla Luna; nell'anno 2003 è
           necessario un Pentium 4 a 2000 Mhz per far funzionare Windows XP. 
           Qualcosa deve essere andato storto.</p>
        <a id="to-tab-2" href="javascript:void(0)">A INTERNAL LINK TO TAB 2</a>
    </div>
    <div id="tab-2">
        <p>Un bambino chiede al padre cosa fossero le icone,il padre risponde: 
           "Sono immagini sacre" E il figlio:"E perchè Windows ne 
           ha tante?" Il padre:"Perchè per farlo funzionare ci vuole 
           un miracolo!!!"</p>
    </div>
    <div id="tab-3">
        <p>La mia stampante ogni tanto ha la carta esaurita , forse dovrei
           portarla da uno psicologo ?</p>
    </div>
</div>  

jQuery:

$(function(){
    $("#biztabs").tabs();
    $("#to-tab-2").click(function(){  
         $("#biztabs").tabs("select", 1); // switch to second tab
         return false;
    });
})

关于jquery - 同一标签中的标签链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12463878/

相关文章:

javascript - Div标签代码提取器

javascript - 尝试将本地 Javascript 文件链接到 HTML 文档,但在浏览器中,我收到“无法加载资源”错误

hyperlink - header 的 Markdown 链接

JQuery 可轻松拖动

javascript - 如何手动检查 YUI radio "button"

javascript - 对文本字段使用更改事件

html - 在固定宽度的 div 内包装链接

javascript - 当从 "multiple select"选择一个选项时,将其从其他选择中删除(并反转)

c# - 删除 WPF 中动态超链接的下划线

html - HTML anchor 标记中超链接文本的内联换行