如何解决Bootstrap Collpase切换或不折叠不起作用
以下是我第一次尝试构建带有Boostrap的Razor页面。首次显示页面时,该表单会折叠。当用户单击“重新访问报价”按钮时,该表单将展开。我遵循了Bootstrap网站上的文档,但是不知道如何使切换生效。我想念什么?
@page "/"
<div>
<label>What would you like to do?</label>
<div>
<button class="btn btn-primary"
type="button">
Create a new quote
</button>
</div>
<div>
<button class="btn btn-primary"
type="button"
data-toggle="collapse"
data-target="#quotesearchForm"
aria-expanded="false"
aria-controls="quotesearchForm">
Revisit a quote
</button>
<div class="collapse" id="quotesearchForm">
<form>
<input /><div class="dropdown" /><button></button>
</form>
</div>
</div>
</div>
解决方法
谜底已解决...开箱即用Blazor仅具有Bootstrap的准系统结构,而没有javascript部分。 Blazor希望您执行的操作是使用其代码来消除对javascript的使用。 Blazor通过使用SignalR技术通过电线传输非常少量的数据来做到这一点。蒂姆·科里(Tim Corey)上有一个YouTube视频。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。