Question

在电子商务商店的产品页面上，我尝试根据点击超链接切换到另一个标签页。

所以从产品描述来看，我有一个＆＃34;阅读常见问题＆＃34;链接，一旦点击，我想自动切换到FAQ标签。

见这里：http://www.lifestyleclotheslines.com.au/austral-addaline-35-foldown-clothesline

我试图复制这个小提琴的基础知识，但没有多少运气，我确定我做错了什么。

$(document).ready(function() {
    $('#myTabs').tabs();

    $('#showTab1').click(function() {
        $('#myTabs').tabs('select', '#tabone');
    });

    $('#showTab2').click(function() {
        $('#myTabs').tabs('select', '#tabtwo');
    });
});

http://jsfiddle.net/zEwQz/495/

任何帮助都会很棒。

谢谢！

Answer 1

<div id="myTabs">    
    <ul  class="tabs">
        <li><a href="#tabone">Tab One</a></li>
        <li><a href="#tabtwo">Tab Two</a></li>
        <li><a href="#faqtab">Faq Tab</a></li>
    </ul>

    <div id="tabone">You've selected Tab 1</div>
    <div id="tabtwo">You've selected Tab 2</div>
    <div id="faqtab">You've selected Faq Tab</div>
</div>

<a href="#" id="showFaqTab">Read the FAQ</a>

<input type="button" id="showTab1" value="Show tab 1"/>
<input type="button" id="showTab2" value="Show tab 2"/>



 $(document).ready(function() {
        $('#myTabs').tabs();

        $('#showTab1').click(function() {
            $('#myTabs').tabs('select', '#tabone');
        });

        $('#showTab2').click(function() {
            $('#myTabs').tabs('select', '#tabtwo');
        });
        $('#showFaqTab').click(function() {
            $('#myTabs').tabs('select', '#faqtab');
        });
    });

不确定你在寻找什么。请查看更新的小提琴

http://jsfiddle.net/zEwQz/500/

Answer 2

您对锚链接和按钮具有相同的id属性，即（网页上的元素将有唯一ID）

<a href="#" id="showTab2">Read the FAQ</a>

<input type="button" id="showTab2" value="Show tab 2"/>

尝试更改它，它会起作用。

<a href="#" id="lnkshowTab2">Read the FAQ</a>

<input type="button" id="showTab2" value="Show tab 2"/>



$(document).ready(function() {
    $('#myTabs').tabs();

    $('#showTab1').click(function() {
        $('#myTabs').tabs('select', '#tabone');
    });

    $('#showTab2').click(function() {
        $('#myTabs').tabs('select', '#tabtwo');
    });

        $('#lnkshowTab2').click(function() {
        $('#myTabs').tabs('select', '#tabtwo');
    });
});

DEMO

基于单击超链接切换到新选项卡

2 个答案: