0

私はJavaScript開発に不慣れなので、plzは私に耐えます。

jqueryを使用してサーバーからブートストラップナビゲーションアイテムをロードしました。これが私のjsコードがどのように見えるかです。

$.ajax({
    url: url,
    success: function (data) {

        $.each(data, function (key, val) {

            if (val.MenuId == 1) {
                $('<li class="active" ><a href="#' + val.Title + '">' + val.Title + '</a></li>').appendTo('#menus');
            } else {
                $('<li ><a href="#' + val.Title + '">' + val.Title + '</a></li>').appendTo('#menus');
            }

        });
    },
    error: function () {
        //alert("Failed to get menus...");
    }
});

デフォルトの項目が「アクティブ」に設定されている状態で、ナビゲーションバーにメニュー項目が表示されます。しかし、問題は、ブートストラップの残りのcssがここで機能していないように見えることです。たとえば、他のメニュー項目をクリックすると、「アクティブ」クラスが機能しなくなります。これは、ナビゲーションバーにメニューがある場合は明らかにそうではありません。クライアント側。誰かが私がここで間違っていることを教えてもらえますか?前もって感謝します。

4

1 に答える 1

2

以下を含めてみてください:-

 data-toggle="tab"

アンカータグの属性として。

これは、完全にレンダリングされたアンカータグがどのように見えるかです。

<a href="#Main" data-toggle="tab">Main</a>
于 2013-01-24T10:45:20.103 に答える