Question

我正在使用DMP作为我网页的后端，但是我无法在按钮点击事件中弹出模式。我一直在使用bootstrap docs，确保在引导之前加载jQuery，并确保我的数据目标设置为包含'＃'（基本上所有的东西都在堆栈溢出）。这是我的代码：

<!DOCTYPE html>
<html>
  <meta charset="UTF-8">
  <head>
    <title>HomePage</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"></link>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></link>
  </head>
  <body>
<header>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="/"><span class="badge">new!</span>Colonial Heritage Foundation</a>
            </div>
            <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                <li><a href="#">Browse</a></li>
                <li><a href="#">Rent </a></li>
              </ul>
              <ul class="nav navbar-nav navbar-right">
                <li data-toggle="modal" data-target="#loginModal"><a href="#">Login</a></li>
                <li><a href="#">Register</a></li>
              </ul>
            </div>
        </div>
    </nav>
</header>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-2 left-nav">
            <ul>
                <li><a href="/about">about</a></li>
                <li><a href="/contact">contact</a></li>
                <li><a href="/terms">terms</a></li>
            </ul>
        </div>
        <div class="col-md-10">
            <%block name="content">
            </%block>
        </div>
    </div>
</div>
  <div class="modal hide" id="loginModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
          header
      </div>
      <div class="modal-body">
          body
      </div>
      <div class="modal-footer">
        footer
      </div>
    </div>
  </div>
</div>

<footer>
    <div class="well">Blake Wight</div>
</footer>

我拿出了一些DMP的东西，以便它只是html。

知道我做错了吗？

Bootstrap模态没有出现，我不知道为什么*使用django-mako-plus

0 个答案: