最后加载特定的 div

Question

我正在尝试制作一个页面，其中某个 div（包含大量 php、html 和 javascript 内容）在页面的其余部分之后加载。如果可以的话，这可能吗？

Answer 1

您可以将此 div 应用于隐藏样式，然后使用 javascript 来显示它：

$(function() {
    $('#someDiv').show();
});

但是如果您想避免最初加载它，您可以使用 AJAX：

$(function() {
    // <div id="container"></div> will be an empty div
    $('#container').load('/script');
});

另请注意，如果您希望在加载所有其他内容（包括图形）后进行此加载，您可以使用 $(window).load 而不是 $(document).ready：

$(window).load(function () {
    ...
});

Answer 2

我有一个类似的问题，需要在创建某个 div 后填写数据。
我对此堆栈使用 .ejs 文件。

我所做的就是将所有代码拉到 .ejs 页面并按照我需要的方式对其进行排序。

例如。

<script type="text/javascript">
    jQuery making the divs
</script>
<% Pull Data and put it in the divs above %>

Answer 3

查看 jQuery 的 $.ajax 和相关函数。我想您会发现它们正是您正在寻找的东西。一个简单的例子：

<script type="text/javascript">
$(function() { // called when page is done loading; you can have lots of these
  $.ajax({
    url: 'other-content.php',
    success: function(data) { $('#load-me-later').html(data); }
  });
});
</script>
<div id="load-me-later"></div>

Answer 4

一定

<div id="the_div">some text or whatever</div>

要有

 #the_div { display:none; }

css中

。然后

 $(document).ready(function() {
     $("#the_div").show();
 });

Answer 5

有几种方法可以做到这一点。其一，您可以将该 div 放在页面的末尾，并在其前面使用 Flux() ；但这不是很可靠，而且很难获得正确的位置和喜好。更好的方法是 ajax：

$.ajax({
  url: 'myurl.php',
  data: someDataMaybe,
  success: function(html) {
    $('#mydiv').html(html); // document.getElementById('mydiv').innerHTML = html would be a thousand times faster, but I've been told jquery people like this more
  }
});

这只会在页面加载后执行，然后将内容加载到 div 中。当然，它假设 myurl.php 仅输出应该位于所述 div 中的内容。

假设你有这个页面：

<div id="page">
  <div id="content">
    <!-- lotsa stuff in here -->
  </div>
  <div id="mydiv"></div>
</div>
<script type="text/javascript">
// the stuff above ^
</script>

myurl.php 输出这个：

Some PHP-generated stuff

这将导致：

<div id="mydiv">Some PHP-generated stuff</div>