为什么此 bootstrap / impress.js Qt Web 应用程序中的模式窗体未显示?
Why is the modal form in this bootstrap / impress.js Qt web application not showing?
我正在尝试使用 bootstrap 和 impress.js 创建一个 Qt 网络应用程序。
我使用了我在此处找到的 bootstrap.css:http://pastebin.com/raw.php?i=dTdEky6N 来处理 impress.js。
问题是,虽然其他 bootstrap 组件似乎正确显示,但我根本无法显示模态形式。单击 "Open Modal" 时没有任何反应。我也试过在 Firefox 中查看页面,但模态表单仍然根本无法显示。
如有任何帮助,我们将不胜感激。如果我没有提供分析问题所需的一切,请耐心等待。
<link href="css/impress-demo.css" rel="stylesheet" />
<link href="css/bootstrap.css" rel="stylesheet" />
....
<div class="step slide bootstrapslide" data-x="1000" data-y="-1500">
<div class="btn-group">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</div>
<div class="btn">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</div>
<p><span class="label label-success">Success</span></p>
<p><span class="label label-warning">Warning</span></p>
<p><span class="label label-danger">Danger</span></p>
<p><span class="label label-info">Info</span></p>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
...
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/impress.js"></script>
<script src="js/bootstrap.js"></script>
<script>impress().init();</script>
只是更新:我找到了答案。 bootstrap.js 和 bootstrap.css 似乎不是来自同一版本。修复该问题后,模态表单现在可以正确显示
我正在尝试使用 bootstrap 和 impress.js 创建一个 Qt 网络应用程序。
我使用了我在此处找到的 bootstrap.css:http://pastebin.com/raw.php?i=dTdEky6N 来处理 impress.js。
问题是,虽然其他 bootstrap 组件似乎正确显示,但我根本无法显示模态形式。单击 "Open Modal" 时没有任何反应。我也试过在 Firefox 中查看页面,但模态表单仍然根本无法显示。
如有任何帮助,我们将不胜感激。如果我没有提供分析问题所需的一切,请耐心等待。
<link href="css/impress-demo.css" rel="stylesheet" />
<link href="css/bootstrap.css" rel="stylesheet" />
....
<div class="step slide bootstrapslide" data-x="1000" data-y="-1500">
<div class="btn-group">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</div>
<div class="btn">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</div>
<p><span class="label label-success">Success</span></p>
<p><span class="label label-warning">Warning</span></p>
<p><span class="label label-danger">Danger</span></p>
<p><span class="label label-info">Info</span></p>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
...
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/impress.js"></script>
<script src="js/bootstrap.js"></script>
<script>impress().init();</script>
只是更新:我找到了答案。 bootstrap.js 和 bootstrap.css 似乎不是来自同一版本。修复该问题后,模态表单现在可以正确显示