jquery - jQueryナビゲーションアコーディオンでプログラムでアイテムをクリックする方法

Question

SOに関する答えを探すのに割り当てられた時間を費やしたので、ここに行きます。このコードを使用して、js でナビゲーション アコーディオンを作成します。

$("#accordion").accordion({
    fillSpace: true,
    collapsible: false,
    navigation: true
});

そしてこれは私の見解にそれを移入するためです（明確にするためにほとんどが削除されています）

 <h2>
    <a href="#">Messages</a></h2>
<ul class="menulist" id="messagesNavItems">
    @Html.MenuItem("Messaging", "InterOffice", "Message", "selected")
    @Html.MenuItem("Outbox", "Outbox", "Message", "selected")
    @Html.MenuItem("Inbox", "Inbox", "Message", "selected")
</ul>

レンダリングする

<ul id="messagesNavItems" class="bunch of classes" role="tabpanel">
    <li>
        <a href="/Buyer/Message/InterOffice">Messaging</a>
    </li>
    <li>
        <a href="/Buyer/Message/Inbox">Inbox</a>
    <li>
    <li>
        <a href="/Buyer/Message/Outbox">Outbox</a>
    <li>
</ul>

ページの他の部分から Outbox へのクリックをシミュレートするにはどうすればよいですか?

ポップする「見出し」を取得できます

var accordionindex = 5; /*Messages*/
$("#accordion").accordion('activate', accordionindex);

しかし、私はそれを次のレベルに持っていき、アイテムを「クリック」してブラウザをナビゲートする必要があります。

ありがとう、スティーブン

Answer 1

クレジットが必要な場合は、セレクターのクリック方法を提案した kannix にいくらかクレジットを与える必要がありますが、私の場合は何らかの理由でリンクがアクティブ化されず、ナビゲーションが行われませんでした。

私がしなければならなかったのは、最初にクリックイベントをアンカーにバインドすることでした

    $("#messagesNavItems a[href$='Inbox']").on('click', function() {
        alert('Inbox was clicked');
        window.location.href = $(this).attr("href");
    });

これは、jQuery アコーディオンの外部からのプログラムによるクリックに応答しました。

最初に右側のパネルを open に設定し、次にクリックしてリンクをたどるすべての関連コードを次に示します。

$(function () {

    $("#messagesNavItems a[href$='Inbox']").on('click', function() {
        window.location.href = $(this).attr("href");
    });

    $('iframe').load(function () {

        $(this).contents().find("a[href='messages/list.asp?pjid=&box=in&sf=mesibox']").click(function (event) {
            event.preventDefault(); /* the frame link we are clicking shound not navigate */
            var accordionindex = 5; /*Messages*/
            $("#accordion").accordion('activate', accordionindex);
            $("#messagesNavItems a[href$='Inbox']").click();
        });
    });    
});

Answer 2

テストされていないコード:

$("#messagesNavItems a[href$='Outbox']").click();