3

一部のjqueryとajaxに問題があります。基本的に、ユーザーはajaxであるフォームを介してログインします。フォームは、ショッピング カート メニューにも使用される jquery onclick ドロップダウン メニューにあります (ネーミング コード (css+jquery) を変更しただけなので、互いに競合しないでください。ユーザーが (ajax 経由で) ログインするまで、両方が正常に機能します)。

これが以下のjqueryコードです

//////Cart App
jQuery(".dropdown-cart dt a").click(function() {
        // Change the behaviour of onclick states for links within the menu.
    var toggleId = "#" + this.id.replace(/^link/,"ul");

        // Hides all other menus depending on JQuery id assigned to them
    jQuery(".dropdown-cart dd ul").not(toggleId).hide();

        //Only toggles the menu we want since the menu could be showing and we want to hide it.
    jQuery(toggleId).toggle();

        //Change the css class on the menu header to show the selected class.
    if(jQuery(toggleId).css("display") == "none"){
        jQuery(this).removeClass("selected");
    }else{
        jQuery(this).addClass("selected");
    }
});

jQuery(".dropdown-cart dd ul li a").click(function() {

    // This is the default behaviour for all links within the menus
    var text = jQuery(this).html();
    jQuery(".dropdown-cart dt a span").html(text);
    jQuery(".dropdown-cart dd ul").hide();

});

jQuery(document).bind('click', function(e) {

    // Lets hide the menu when the page is clicked anywhere but the menu.
    var $clicked = jQuery(e.target);
    if (! $clicked.parents().hasClass("dropdown-cart")){
        jQuery(".dropdown-cart dd ul").hide();
            jQuery(".dropdown-cart dt a").removeClass("selected");
        }

});

私はいくつかの.liveコンボを試しました.delgateでも、ユーザーがログインした後でも、ログインとカートのオンクリックメニューの両方がページが更新されるまで機能しません

何か案は？？

NZ戦士に乾杯

4

3 に答える 3

2

ユーザーがajax経由でログインしたら、アンカータグを更新していると思います。そのため、以前に登録したイベント バインディング (クリック イベント) は失われます。onクリックの代わりにバインディングにjQueryを使用する必要があります

このコード

jQuery(".dropdown-cart dt a").click(function() {
     //remaining code   
});

に変更する必要があります

$(document).on("click",".dropdown-cart dt a",function() {
    //remaining code   
});

jqueryonは、現在の要素と将来の要素に対して機能し、jQuery 1.7 以降のバージョンから利用できます。

于 2012-05-29T12:14:26.653 に答える
0

これを試して

コードを にラップし、イベントfunctionを使用して html タグでその関数を呼び出しますonclick

onclick='function_name(this)' --> in your html tag

function function_name(element){
   //your code here
}
于 2012-05-29T12:14:19.127 に答える
0

交換：

$(".dropdown-cart dt a").click(function(){})

と：

jQuery 1.7+

$(".dropdown-cart").on("click","dt a", function(){})

jQuery 1.4.3+

$(".dropdown-cart").delegate("dt a", "click", function(){})

jQuery 1.3+

$(".dropdown-cart dt a").live("click",function(){})

その場合、新しい ajax をロードしたコンポーネントをバインドする必要はありません。

于 2012-05-29T12:21:41.847 に答える