1

ここに私のajax電話があります

// send the data to the server using .ajax() or .post()
        $.ajax({
            type: 'POST',
            url: 'addVideo',
            data: {
                video_title: title,
                playlist_name: playlist,
                url: id
                // csrfmiddlewaretoken: '{{ csrf_token }}',
            },
            success: function(response, textStatus, jqXHR){
                 bootstrap_alert.success('video saved successfully');
            },

            // callback handler that will be called on error
            error: function(jqXHR, textStatus, errorThrown){
                bootstrap_alert.error('There were some errors while saving the video. Please try in a while');
            },
        });

とnotification機能

// setting up alerts on action
bootstrap_alert = function() {}
bootstrap_alert.success = function(message) {
  $('#feature').prepend('<div id="alert" class="alert alert-success"><!--a class="close" data-dismiss="alert">×</a--><span>'+message+'</span></div>');
  $('#alert').fadeOut(3000);
}
bootstrap_alert.error = function(message) {
  $('#feature').prepend('<div id="alert" class="alert alert-error"><!--a class="close" data-dismiss="alert">×</a--><span>'+message+'</span></div>');
  $('#alert').fadeOut(3000);
}

  • リターンをajax呼び出すと、div が 3 秒間表示されて消えますが、その後、ページが非常に速く上に移動します。この移行をスムーズにしたい

  • feature3秒後に消えるdivの上に通知divを重ねることは可能ですか?

4

3 に答える 3

0

上に重ねることができます。CSS プロパティz-indexを使用します。

于 2012-08-07T22:03:05.337 に答える
0

説明している効果に fadeOut() を使用することはできませんが、代わりにカスタムanimate()を記述する必要があります。fadeOut() は、fadeOut のみを実行し、ブラウザが空のスペースを埋めようとしていることがわかります。フェードとスライドの両方が必要な場合は、アニメーションを作成する必要があります。または、 slideToggle()またはslideUp()とslideDown( )でスライドだけを使用することもできます

div をオーバーレイするには、次のような CSS を使用します。

#overlay {
z-indez:6000;
position:fixed; 
width: 100%;
height: 100%;   
top:0; 
left:0; 
}
于 2012-08-07T22:03:49.180 に答える