concrete5 8.4.1引导式堆叠的导航丸不起作用

时间:2018-08-08 11:38:02

标签: twitter-bootstrap twitter-bootstrap-3 concrete concrete5-8.x nav-pills

我有以下代码:

<div class="row">
    <div class="col-3">
        <ul class="nav nav-pills nav-stacked" id="myTab">
            <li><a class="active" data-toggle="pill" href="#home">Home</a></li>
            <li><a data-toggle="pill" href="#profile">Profile</a></li>
            <li><a data-toggle="pill" href="#messages">Messages</a></li>
            <li><a data-toggle="pill" href="#settings">Settings</a></li>
        </ul>
    </div>
    <div class="col-9">
        <div class="tab-content" id="content">
            <div class="tab-pane fade show active" id="home">
                <p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incididunt minim occaecat.</p>
            </div>
            <div class="tab-pane fade" id="profile">
                <p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui.</p>
            </div>
            <div class="tab-pane fade" id="messages">
                <p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p>
            </div>
            <div class="tab-pane fade" id="settings">
                <p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p>
            </div>
        </div>
    </div>
</div><!-- row -->

和view.js:

$(function(){    
    $('#myTab a').on('click', function (e) {
        e.preventDefault();
        $(this).tab('show');
    });
});

在页面上显示药丸,我可以单击它们,但不显示内容,无论按下什么链接,它们总是隐藏的,并且在控制台中引发错误:“ TypeError:$(...)。标签不是功能”。

这可能是什么问题?

PS。 concrete5使用Bootstrap 3 *!

控制器加载引导资产:

public function registerViewAssets($outputContent = '')
{
    $this->requireAsset('javascript', 'jquery');
    $this->requireAsset('javascript', 'bootstrap/*');
    $this->requireAsset('css', 'bootstrap/*');
}

0 个答案:

没有答案