gpt4 book ai didi

html - 指向html中的

转载 作者:太空宇宙 更新时间:2023-11-04 06:13:45 24 4
gpt4 key购买 nike

我已经开始了一个新的 laravel 元素(顺便说一句,我是 laravel 的新手)并且我正在使用 bootstrap 中的 javascript list-group。因此,当我单击组中的某个元素时,它会切换相应的内容。我想要做的不是在那里插入内容的实际 HTML,而是将其指向另一个 PHP 文件或包含内容代码的类似文件,以便我的所有文件保持干净且易于编程。希望你能正确表达我的疑问,干杯!

<div class="row">
<div class="col-4">
<div class="list-group" id="list-tab" role="tablist">
<a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Home</a>
<a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
<a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">Messages</a>
<a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Settings</a>
</div>
</div>
<div class="col-8">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">...</div>
<div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">...</div>
<div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">...</div>
<div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">...</div>
</div>
</div>

最佳答案

正如 TheUnKnown 在评论中提到的,您可以将您的 #link href 替换为真实的 url。同时从链接中删除 data-toggle 属性。例如:

<div class="col-4">
<div class="list-group" id="list-tab" role="tablist">
<a class="list-group-item list-group-item-action active" id="list-home-list" href="/home" role="tab" aria-controls="home">Home</a>
<a class="list-group-item list-group-item-action" id="list-profile-list" href="/profile" role="tab" aria-controls="profile">Profile</a>
<a class="list-group-item list-group-item-action" id="list-messages-list" href="/messages" role="tab" aria-controls="messages">Messages</a>
<a class="list-group-item list-group-item-action" id="list-settings-list" href="/settings" role="tab" aria-controls="settings">Settings</a>
</div>
</div>

关于html - 指向html中的<form>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56188454/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com