0

したがって、ページはで始まります

<div id="show-quick-cart-zone"></div>

ページの上部で、loadコマンドスクリプトを使用します。

$('#show-quick-cart-zone').load('/loadbalance/quickcart');

次に、次のようにカートのdivボックスをページに挿入します。

<div id="quickcart" class="quickcart" style="display:none">
    <div class="quickcarttitle"><span>SHOPPING BAG</span></div>
    <strong>Total</strong> £<?=$CartTotal?><br />
    <a href="/cart?ref=quick-cart"><img src="secure-checkout.png"></a>
    <a onclick="jQuery('#quickcart').slideUp(500);" href="#close-quick-cart"><img src="continue-shopping.png" style="margin-top:8px"></a>
</div>

通常のハイパーリンクを使用してslideToggleし、オンとオフを切り替えます。

ユーザーがURLに？x = 1クエリを持っている場合、loadを介してロードされたら、ボックスを下にスライドさせてプリロードするようにします。

次のjQuery関数があります。ページが読み込まれると、基本的にカートdivをスライドダウンする必要があります。

<script type="text/javascript">
<? if($_GET["x"]=="1"){ ?>
function showCart() {
    $('#quickcart').slideDown(500);
    Cufon.replace('.quickcart');
}
// Toggle the Quick Cart (uses Load Balance for higher TPS no que!)
// showCart();
$(document).ready(function () {
    // Code to do stuff immediately
    setTimeout(showCart, 0);
});
<? } ?>
</script>

ただし、ボックスはエラーなしでスライドダウンしません。ユーザーが次のような通常のページを表示している場合は、次のようにします。

/cart/product.php

何も起こりません。

しかし、彼らがオンになっている場合/cart/product.php?x=1

ボックスはデフォルトでスライドダウンし、新しいアイテムが追加されたことを示します。

4

1 に答える 1

1

関数の.load完了には時間がかかります。おそらく、ドキュメントが正しい状態になるまでにかかる時間よりも長くなります。したがって、次のようなものを試してください。

$('#show-quick-cart-zone').load('/loadbalance/quickcart', function() {
    // this will execute when the ajax load is complete
    showCart();
});
于 2012-08-29T14:08:35.033 に答える