JQueryウィジェットがFirefoxで読み込まれない - .attr( 'class')が定義されていない

私は http://james.padolsey.com/javascript/inettuts-withを参照しています。 -cookies/を使用してウィジェットを作成します。私はすべてのファイルを抽出し、適切なディレクトリに入れました。しかし、コードを実行すると、このエラー $(clonedWidget).attr( "class")は未定義です
私はajax呼び出しを使用してウィジェットのコンテンツをロードしています。このエラーはウィジェットのコンテンツをレンダリングしません。環境設定を保存するコードを修正する前に、ウィジェットが正常に機能しました。前回は http://nettuts.com/tutorials/javascript-ajax/inettuts/ウィジェットを作成します。
これはエラーを出力するinettuts.jsのコードの一部です:

sortWidgets : function() {
        var iNettuts = this,
            $ = this.jQuery,
            settings = this.settings;

        /* Read cookie: */
        var cookie = $.cookie(settings.saveToCookie);
        if(!settings.saveToCookie||!cookie) {
            /* Get rid of loading gif and show columns: */
            $('body').css({background:'#000'});
            $(settings.columns).css({visibility:'visible'});
            return;
        }

        /* For each column */
        $(settings.columns).each(function(i){

            var thisColumn = $(this),
            widgetData = cookie.split('|')[i].split(';');

            $(widgetData).each(function(){
                if(!this.length) {return;}
                var thisWidgetData = this.split(',');
                    clonedWidget = $('#' + thisWidgetData[0]),
                    colorStylePattern = /\bcolor-[\w]{1,}\b/,
                    thisWidgetColorClass = $(clonedWidget).attr('class').match(colorStylePattern);

                /* Add/Replace new colour class: */
                if (thisWidgetColorClass) {
                    $(clonedWidget).removeClass(thisWidgetColorClass[0]).addClass(thisWidgetData[1]);
                }

                /* Add/replace new title (Bring back reserved characters): */
                $(clonedWidget).find('h3:eq(0)').html(thisWidgetData[2].replace(/\[-PIPE-\]/g,'|').replace(/\[-COMMA-\]/g,','));

                /* Modify collapsed state if needed: */
                if(thisWidgetData[3]==='collapsed') {
                    /* Set CSS styles so widget is in COLLAPSED state */
                    $(clonedWidget).addClass('collapsed');
                }

                /* Modify closed state if needed: */                
                if(thisWidgetData[4]==='closed') {
                    /* Set CSS styles so widget is in CLOSED state */
                    $(clonedWidget).addClass('closed');
                }

                $('#' + thisWidgetData[0]).remove();
                $(thisColumn).append(clonedWidget);
            });
        });

        /* All done, remove loading gif and show columns: */
        $('body').css({background:'#000'});
        $(settings.columns).css({visibility:'visible'});
    }  

私はすべてのウィジェットにIDを与えたが、それでもこの問題は解決しないようだ。この問題は、IEではなくFirefoxでのみ発生します。誰がこれを引き起こすかもしれないか知っていますか?

0
はい、それはクラス属性を持っています。
追加された 著者 anjana,
はい。しかし、それでも同じエラーが発生します。
追加された 著者 anjana,
最初の2つのウィジェットのIDが取得され、長さは1を返します。その後、長さは0になります。
追加された 著者 anjana,

答えはありません

0