不要在X元素中加载内容

Question

我的布局如上所述。

1 ， 2 ， 3 和 4 div可以拖放到任何位置 1-4 并在停靠中。现在这些只是php包含的。当我将它们放入 dock 时，我使用css：

display:none;

除了标题之外，它隐藏了div中的所有内容。完善。然而，内容仍然在“背景”中加载，我计划拥有大量这些“小部件”，我可以看到这成为加载所有这些内容的严重问题。

我想要发生的是：

如果放入停靠，则不要在：

之间加载所有内容

<p><?php include('example.php'); ?></p>

但如果拖回 1 ， 2 ， 3 或 4 ，则允许段落中的内容要加载。

我在考虑使用jQuery获取父div。

我只需要在正确的方向上稍微推动哪种语言可以解决我的问题，也许还有一些简单的例子。现在另一件事就是“动态”，就像我将它从停靠拖到 1 ， 2 ， 3一样或 4 。它会立即更新，或者我需要不断重新加载页面或此div以允许内容检查其位置并决定是否允许加载。

谢谢。

Answer 1

如果你想知道当你做掉落时你要登陆的元素，那就是 - ＆gt;

$('element').droppable({
  //other logic
  drop: function(event, ui){
    //$(this) is now the element you just dropped nito
    if($(this).prop('id') == 'dock'){
      console.log("This is the Dock...We don't add content here.");
    }else{
      //function to pull data to your container...$.load() or whatever
    }
  }
});