Question

我有一个标准的navbar文件，我从bootstrap带来了这个资产：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

在另一个档案中，我有：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.css" />

<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHc6798OWr7qKWWzN8CQWRNTw1IysIw_U&libraries=geometry"> </script>
<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"> </script>

这是调用导航栏文件的一些jquery：

  $.get("navigation.html", function (data) {
    $("#nav-placeholder").replaceWith(data);
});

身体代码：

    <div id="nav-placeholder">
    </div>

如果我让代码中的nav-placeholder div，我的数据表失败并显示错误“TypeError $（...）。DataTable不是函数”。为了使数据表工作，我需要评论上面的2行。你能解释一下为什么吗？我不认为我包括两次链接。我该怎么做才能保留我的导航栏？

P.S：如果我将导航栏文件的2个资产直接放入另一个，则数据表运行良好。 jquery是否在这里调用问题？

Answer 1

你可能不应该使用replaceWith（）但是要追加（）。这完全取决于navigation.html返回的内容。

$.get("navigation.html", function (data) {
  $("#nav-placeholder").append(data);
});

调用导航栏文件会使我的jquery数据库失败

1 个答案: