0

ジェードを使用してブートストラップ ナビゲーション タブ ペインを適切に機能させることができない理由がわかりません。

これが私のコードです：

head
    title= title
    link(rel='stylesheet', href='public/styles/bootstrap.css')
body
    div.tabbable.tabs-below
        div.tab-content
            div.tab-pane.active
                block content
        ul.nav.nav-tabs
            li.active 
                a(href='../', data-toggle='tab') Home
            li
                a(href='../about', data-toggle='tab') About
            li
                a(href='../blog', data-toggle='tab') Blog
            li
                a(href='../faq', data-toggle='tab') FAQ
            li
                a(href='../terms', data-toggle='tab') Terms
            li
                a(href='../privacy', data-toggle='tab') Privacy
            li
                a(href='../jobs', data-toggle='tab') Jobs
            li
                a(href='../press', data-toggle='tab') Press
    script(src="public/js/lib/jquery.js")
    script(src="public/js/lib/bootstrap.js")

[About] をクリックすると、コンソールに次のエラーが表示されます: Uncaught Error: Syntax error, unrecognized expression: ../about in jquery.js:4421

data-toggle 属性がなくても機能します。ただし、どのタブが選択されているかは表示されません!!

4

1 に答える 1

0

問題は、ヒスイがビューエンジンであることとは何の関係もありません。これは、div.tab-contentにネストされたdivではなく、新しいページが読み込まれているためです。

解決策：外部ページからデフォルトではないブートストラップタブをアクティブ化するにはどうすればよいですか？

于 2013-02-07T01:14:24.060 に答える