2016-09-19 6 views
-1

基本的には通知のセットをリストに積み重ねて、それぞれを個別に削除して通知コンテナからスライドさせることができます。if文を使用して別のdivを移動した場合

$(document).ready(function(){ 

$('.closeAlert1').click(

    function(){ $('.alert1').css({left: '500px'}) } 


) 

}); 

通知は、それが第一又は第五のかどうか、閉じているとき、私は今、削除通知が残っていたというのスペースを埋めるために、コンテナの上部に上昇するために除去されていないの通知に必要。

私は誰もが私にいくつかのアドバイスを与えることができれば、私は上記の最初のコードを使用しようとしてきました

if($(".alert1").css('left') == '500px') { 

$(".alert2").css('top','0px'); 

} 

動作していないようでした。このようなものを使用してみましたが、それは一般的に場合にのみ機能します誰かが2-1-4-3のように彼らを閉じた人ではなく、1-2-3-4の順に閉じた。

ありがとう

+1

htmlの外観はどうですか? – empiric

+0

これらの要素は動的に追加されていますか?あなたはいくつのアラートを持っていますか?再利用可能なイベントリスナーのすべての閉じるまたは警告する要素に共通のクラスを提供し、次に影響を受ける要素を判断するためにIDまたはデータ属性を追加することを検討する必要があります。 – litel

+0

あなたの問題は、要素が隠れている/取り除かれている通知が占めるスペースを解放していない可能性があります。この[example](https://jqueryui.com/hide/)を 'slide'というエフェクトで見ることができます – empiric

答えて

0

そのシンプルさ。同じクラスの「removableAlert」というアラートにすべて追加して、この方法で削除してください:

$(function() { 
    $(".removableAlert").click(function() { 
    $(this).animate({left: "+=500"}, 400).slideUp(); 
    }); 
}); 
関連する問題