Question

我是javascript的新手，所以请保持温和。我正在尝试使用bootstrap前端库自动打开弹出页面，其中包含有关如何使用我的站点的说明。我可以在页面加载上进行模态显示，但这就是它显示的全部内容。我想在我的常规页面上显示它，然后用户可以在阅读说明后将其解雇。我不知道如何实现它。我没有在我的网站上使用常规HTML页面。我正在使用Omeka CMS。我理解我需要做的是以下但我不知道如何实际做到这一点。我需要：

将模式的标记放在自定义的show.php文件中
把代码初始化为script.js文件中的模态（是不是必须是script.js？我已经将script.js用于其他东西了）

现在我拥有show.php中的所有代码，它们显示的是模态，但没有超过我的实际页面，一旦你关闭对话框就没有任何反应。所以我需要改变show.php并创建script.js文件以使其按预期工作。我不知道在script.js中放入了什么代码，我不知道如何/在哪里调用script.js文件。

这是显示我的模态的PHP，但不是我想要使用它的方式

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
  <script src="http://code.jquery.com/jquery.js"></script>
  <script type="text/javascript"     src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>


 <script type="text/javascript">
    $(window).load(function() {
      $('#myModal').modal('show');
    });
 </script>

</head>

<body>
  <!-- Modal -->

  <div id="myModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
       <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</body>
</html>

我很感激任何人都可以提供帮助。谢谢

在javascript中初始化bootstrap模式

0 个答案: