0

jqueryのトグルを使用して、forループ内にあるdivを非表示/表示しようとしています。ボタンをクリックして切り替えると、div が一瞬スライドアウトしますが、その後再び非表示になります。これが発生すると、次のクリックでトグルボタンがほとんど無効になっているように見えます...その後、同じ問題のあるdiv表示で再び機能します。{{email.sender}} テンプレート値を使用したのは、トグル ボタンをクリックすると、リスト内のその項目だけではなく、すべての項目がアクティブになるためです。以下のコードは、Jquery でタブに挿入されます (この部分は機能しています)。これについてあなたが与えることができるアドバイスをありがとう-

<div id="email_received_list">
    {% for email in email_received_list %}
        <p>
            <input type="button" id="{{email.sender}}" value="Show Message">      {{email.sender}}:  {{ email.subject }} 
        </p> 
    <script>
        $(document).ready(function(){
            $('#{{email.sender}}').click(function() {
                $('.{{email.sender}}').slideToggle('fast');
                return false;
            });
        }); 
    </script>       
    <div class="{{email.sender}}" style="display:none; background-color:#4CF;width:100%;height:100%;"></div>

    {% else %}
        (You have not received any messages yet.)   
    {% endfor %}

4

1 に答える 1

0

わかりました、これについてはばかげているように感じます-しかし、divに実際のコンテンツを追加すると(正方形に色を付けようとするだけでなく)、正常に機能しました。ループしていたので、divのサイズをコンテンツに合わせようとしていたと思います。コンテンツがない場合、div は再び非表示になりました。これについて何か違うことを知っているなら、私に知らせてください - ありがとう。

于 2013-08-09T14:50:54.680 に答える