0

すべてのオブジェクトをループし、ポップアップ コンテナーに表示する非表示の div を作成する次の django コードがあります。

私の popup コンテナーはうまく機能しますが、次の 3 つのことを行う方法がわかりません。

  1. コンテナ内のコンテンツを非表示にしたい
  2. 次に、コンテンツをコンテナにロードしたい
  3. 次に、コンテンツがポップアップにロードされたらブロックするようにコンテンツの表示を設定したい

ジャンゴコード

    {% for recipe in recipe_list %}
            <div class="recipe">
                <div class="button">
                      click me to load recipe content
                    </div>

            <div id="recipepopup" style="display:none;">
                       //content
            </div>
    {% endfor %}

    <div id = "popupdiv">
    <div id = "content_to_hide">
     //content to hide on recipepopup load
    </div>
    </div>

クリック用の Javascript:

<script type="text/javascript">
  $(document).ready(function(){
    $(".button").click(function(){
      // hide current content in popupdiv 
      // then load recipepopup then set display
      // of recipepopup to block  
    });
  });
</script>
4

2 に答える 2

0

ワンライナーが機能します！

$("#popupdiv").children(':first').hide().end().append($('#recipepopup')).find('#recipepopup').css('display', 'block');
于 2012-05-09T23:40:39.113 に答える
0 
$("#content_to_hide").hide();
var popup = $("#recipepopup");
$("#popupdiv").append(popup);
popup.show();

必要なものに基づいてすばやく組み立てるだけです。ボタンクリックコードに入る必要があります。

于 2012-05-09T23:29:47.427 に答える