HTML e JS 使用 Simple Collapsible 并一起包含文本表单文件

问题描述 投票：0回答：1

我需要解决我的问题的想法。 我想在简单的 HTML 中使用两个组合函数。 使用 COLLAPSIBLE 按钮显示从 TXT 文件导入的文本...这是我的代码，但加载时不会隐藏文本。谢谢你

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <style type="text/css">
<!--
object{
width:400px;
height:150px;
}
-->
</style>
</head>
<body>

<div class="container">
  <h2>Simple Collapsible</h2>
  <p>Click on the button to toggle between showing and hiding content.</p>
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#txt">Simple collapsible</button>
  <div id="demo" class="collapse">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  </div>
</div>

<!--includi file txt-->
<p><object type="text/plain" data="test.txt" id="txt">
contenuto file .txt con accentate
</object></p>

</body>
</html>
javascript html object button
1个回答
0
投票

如果您想将折叠默认行为正确应用到对象元素，您需要添加 

class="collapse"
。

类似这样的：

<p><object class="collapse" type="text/plain" data="test.txt" id="txt">
contenuto file .txt con accentate
</object></p>

您可以在这里看到一些参考

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.