1

レイアウト

私のレイアウトは上記のようです。

1、2、3、および4 divは、ドック内の任意の位置1〜4にドラッグアンドドロップできます。現在、これらはphpに含まれているだけです。それらをドックにドロップするとき、私はcssを使用して次のことを行います。

display:none;

これにより、タイトルを除くdiv内のすべてが非表示になります。完全。ただし、コンテンツはまだ「バックグラウンド」で読み込まれているので、これらの「ウィジェット」をたくさん用意する予定です。これらすべてのコンテンツを読み込むと、これが深刻な問題になることがわかります。

私がしたいことは次のとおりです。

ドックにドロップした場合は、次の間にすべてをロードしないでください。

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

ただし、ドラッグして1、2、3、または4に戻した場合は、段落内のコンテンツをロードできるようにします。

jQueryを使用して親divを取得することを考えていました。

どの言語が私の問題を解決できるか、そしておそらくいくつかの簡単な例に関して、私は正しい方向に少し押す必要があります。ドックから1、2、3、または4にドラッグするとすぐに、これは「動的」になります。それは即座に更新されるか、コンテンツがその場所をチェックしてロードが許可されているかどうかを判断できるように、ページまたはこのdivのいずれかを常にリロードする必要があります。

ありがとうございました。

4

1 に答える 1

0

ドロップしたときにどの要素に着地しているかを知りたい場合は、->

$('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
    }
  }
});
于 2012-07-23T02:56:48.773 に答える