bootstrap 3.3 模态远程内容给出 404答案

【问题标题】：bootstrap 3.3 modal remote content gives 404bootstrap 3.3 模态远程内容给出 404
【发布时间】：2015-05-13 22:27:39
【问题描述】：

我正在使用带有几个组件的 Bootstrap（单独删除它们并不能解决问题 - 但为了完整起见，这里有一个列表）。

我想将远程内容 (test.html) 加载到模态中。在独立的 html 页面上一切正常，但是当我将完全相同的代码插入到项目的布局中时，nodemon 给了我一个“GET test.html 404”。 模态仍然打开，但是远程页面没有加载（显然它找不到它，我不明白为什么）并且“yada yada”出现在模态体中.

<script src="/javascripts/jquery.js"></script>
<script src="/javascripts/bootstrap.js"></script>
<script src="/javascripts/bootstrap-tagsinput.js"></script>
<script src="/javascripts/typeahead.bundle.js"></script>
<script src="/javascripts/pinboot.js"></script>
<script src="/javascripts/bootstrap-dialog.js"></script>

<script>
      $("#myModal").on("show.bs.modal", function(e) {
        var link = $(e.relatedTarget);
        $(this).find(".modal-body").load(link.attr("href"));
      });
</script>

<a href="test.html" data-toggle="modal" data-target="#myModal" class="btn btn-default">Launch Modal</a>

<!-- Default bootstrap modal example -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <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" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">yada yada</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>
  </div>
</div>

我暗暗希望这是一个简单解决方案的常见问题，我只是没有向 Google 提供正确的问题/关键字 :( 所以在那种情况下，我感谢你的耐心:)

【问题讨论】：

标签： javascript html node.js twitter-bootstrap-3 http-status-code-404

【解决方案1】：

菜鸟错误...这是路由。 app.js 中未定义的所有内容都被定向到无法处理它的脚本，有点。 app.get('/', routes.index);

重命名 test.ejs 中的 test.html 并将其添加到 app.js...

app.get('/test', function (req, res) {
   res.render('test');
});

...并更改按钮以链接到 /test

  <a href="/test" data-toggle="modal" data-target="#myModal" class="btn btn-default">Launch Modal</a>

...让它工作。万岁！

我会把它留在这里等待下一个 n00b ;)

【讨论】：