jquery - Cookie値を取得した後、jqueryホバーが機能しない

Question

リスト ビュー、ギャラリー、およびグリッドのビュー スイッチャーを備えたアイテム リストがあります。

<div class="theView">
    <div class="galS active" id="gal"><span><img src="layout/cyt/img/blank.gif"></span>Galerie</div>
    <div class="mosS" id="mos"><span><img src="layout/cyt/img/blank.gif"></span>Mosaik</div>
    <div class="listS" id="list"><span><img src="layout/cyt/img/blank.gif"></span>Liste</div>
</div>


    <div id="itemcontainer">
        <div class="con">
        <div class="item_page_item list"> //list,mos,gal
            <div class="item sale"><span class="number">1</span>
                <div class="pos">
                    <div class="inner">
                    <div class="itemImg Img123"></div>
                    ...
                    </div>
               </div>
           </div>
        </div>
    </div>

ビューを Cookie に変更するときに、それぞれの値を保存します。

$("#gal").click(function() {
    $("#gal").addClass("active");
    $("#list").removeClass("active");
    $("#mos").removeClass("active");
    $(".item_page_item").fadeOut(200, function() {
        $.cookie("theView", "g", { expires: 7, path: "/" });
        $(this).removeClass("list");
    $(this).removeClass("mos");
    $(this).addClass("gal").fadeIn(200);
    });
    return false;
});

最初にリスト ビューを開いてグリッドまたはギャラリーに変更すると、カルーセルが統合されたホバー ペインが開かず、それ以外の場合はすべて正常に動作します。

ホバー機能のコードは次のとおりです。

    $(".item_page_item.mos").hover(function(){
          $(this).find(".pane").stop(true, true).fadeIn();
          $("#paneImg",this).carouFredSel({
                responsive: true,
                circular: false,
                auto: false,
                items: {
                    visible: 1,
                    width: 299,
                    height: 241
                },
                scroll: {
                    fx: 'directscroll'
                }
            });

            $("#paneThumb",this).carouFredSel({
                responsive: true,
                circular: false,
                infinite: false,
                auto: false,
                prev: '#prev',
                next: '#next',
                items: {
                    visible: {
                        min: 2,
                        max: 5
                    },
                    width: 51,
                    height: 42
                }
            });
            $('#paneThumb a',this).click(function() {
                $('#paneImg').trigger('slideTo', '#' + this.href.split('#').pop() );
                $('#paneThumb a').removeClass('selected');
                $(this).addClass('selected');
                return false;
            });
        },function(){
          $(this).find(".pane").stop(true, true).fadeOut(200, function() {
            $("#paneImg",this).trigger("destroy", true);
          });
        });

ホバリングすると、オーバーレイがカルーセル (caroFredsel) でアイテムの上にフェードします。

唯一の問題は、リスト ビューを Cookie に保存しているときに機能しないことです。このビューでページを開き、他のビューに変更します。

あなたが私を助けてくれることを願っています、私は夢中になっています。

Cookie 値を読み取る関数:

$(function() {  
        var cc = $.cookie("theView");
        if (cc == "g") {
            $(".item_page_item").removeClass("list");
            $(".item_page_item").removeClass("mos");
            $(".item_page_item").addClass("gal");
            $("#gal").addClass("active");
            $("#list").removeClass("active");
            $("#mos").removeClass("active");

        } else if (cc == "m") {
            $(".item_page_item").removeClass("gal");
            $(".item_page_item").removeClass("list");
            $(".item_page_item").addClass("mos");
            $("#mos").addClass("active");
            $("#gal").removeClass("active");
            $("#list").removeClass("active");
        } else if (cc == "l") {
            $(".item_page_item").removeClass("gal");
            $(".item_page_item").removeClass("mos");
            $(".item_page_item").addClass("list");
            $("#list").addClass("active");
            $("#gal").removeClass("active");
            $("#mos").removeClass("active");
        }       
     });