jquery - 带有 HTML 属性的 jQuery 活动选项卡

Question

有没有办法选择带有 HTML 属性的 jQuery 活动选项卡。

就像是：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1" selected="true">
        tab 1
    </div>
    <div id="tabs-2">
        tab 2
    </div>
    <div id="tabs-3">
        tab 3
    </div>
</div>

Answer 1

是的。

alert( $('#tabs[selected="true"]').html() )

你也可以做这样的事情

$("#tabs").tabs();
$('#tabs').tabs('select', $('div[selected=true]').attr('id'));

Answer 2

你可能正在寻找这样的东西吗？

$(function () {
    $("#tabs").tabs();
    $("#tabs").bind("tabsshow", function (event, ui) {
        window.location = ui.tab;
    });
});