0

これが私のajaxコードです。ページごとに81個の製品があります...
カートに追加ボタンをクリックすると、ページの中央にdivが表示されますが、ページの最後または下部に製品を追加すると、divは常に中央に表示されますページを表示するには、ページを上にスクロールする必要があります。
私がページの一番下にいる場合のように、私がページにいる場所の結果が欲しいです。

    <script type="text/javascript" >
        $(function() {
           $('a.addbtn').click(function(e){
                 e.preventDefault(); 
                 var quantity = $(this).attr("qty");
                 var prod_id = $(this).attr("prid");
                 var dataString = '&quantity=' + quantity + '&prod_id=' + prod_id;
                 if(quantity=='' || prod_id==''){
                    alert('some thing went wrong');
                 }
                 else{
                   $.ajax({
                      type: "GET",
                      url: "ajax_checkout.php",
                      data: dataString,
                      cache: false,
                      success: function(html){
                           $('.addcart').remove('');
                           $("#viewr").append(html);
                      }
                   });
                 }
                 return false;
            }); 
        });
    </script>
4

2 に答える 2

0

div ビューアーの位置を固定にします。そのようです：

    #viewr{    
        width:30em;
        height:18em;
        border: 1px solid #ccc;
        background-color: #f3f3f3;
        display:none;
    }

スタイルを設定したいクラスを使用してください
jqueryにこの関数を追加すると、画面の中央に表示されます。

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                                $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                                $(window).scrollLeft()) + "px");
    return this;
};

成功関数で次のことを実行して、しばらくしてから表示および非表示にします。

success: function(html){
    $('#viewr').html(html);
    $('#viewr').fadeIn('slow').center().delay(2000).fadeOut('slow');
}

常に html を div に追加する append() を使用しないでください。
遅延量はミリ秒単位なので、必要に応じて設定してください。
これでうまくいくはずです

于 2013-04-10T12:56:54.880 に答える
0

これを jQuery でスタイル設定してinline stylewithを設定することはできますが、top私は常にこれを使用cssしてブラウザーの上部に配置します。これは、ボックスを閉じるまで常にそこにあることを意味しますが、開いた場所は固定されません.

 .addcart {
      position: fixed;
      top: 10px;
 }

トリックを行う必要があります

于 2013-04-10T12:48:16.097 に答える