javascript - IEの奇妙なJavascriptエラー

Question

で奇妙なエラーが発生.stopPropagation()するIE

私のコードは次のとおりです、

$(document).ready(function(){
    var options = {
    $this: "",
    $menuItems: $(".mainMenu > li"),
    $blueBar: $(".blueBar"),
    $submenuBg: $("#submenuBg"),
    $sortOptions: $(".sortOptions"),
    $submenu: $(".submenu"),
    submenuClass: ".submenu",
    blueBarClass: ".blueBar",
    selectedClass: "selected",
    sortOptionsClass: ".sortOptions",
    subSubmenu: "ul",
    subSubmenuClass: "sub-submenu"      
    };

    $sortBy.toggle(function(){
            options.$this = $(this);
            ddlShow(event, options);
        }, 
        function(){
            options.$this = $(this);
            ddlHide(options);
        }
    );

});

var ddlShow = function(event, options){
    event.stopPropagation();
    options.$this.children(options.sortOptionsClass).show();    
}

var ddlHide = function(options){
options.$this.children(options.sortOptionsClass).hide();
}

次のエラーが発生する

オブジェクトはプロパティまたはメソッドをサポートしていません'stoppropagation'

コードはとで正常に機能ChromeしFXます。

どうすればこれを解決できますか？

注：同じコードは、がなくても正常に機能しobject optionsます。

score 6 · Accepted Answer

IEでは、イベントオブジェクトのJavaScriptでstopPropogationメソッドを使用できません。グーグルで検索すると、ieとwebkitベースのブラウザでのイベントオブジェクトの異なる実装が見つかります。したがって、jQueryがそれを処理するための単一のインターフェイスを提供していることを修正するには、イベントを実行するjQueryの方法を使用して、このエラーの取得を停止する必要があります。

この記事を読んで、より明確にすることができますhttp://www.quirksmode.org/js/introevents.html

score 6 · Accepted Answer

私のために働いたと交換 e.stopPropagation(); してください if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true;

ありがとう

score 3 · Accepted Answer

ハンドラーtoggleにjQueryからのイベントパラメーターを受け入れさせます。

$sortBy.toggle(function(event){ // ADDED PARAMETER
        options.$this = $(this);
        ddlShow(event, options);
    },

これを行わないとddlShow、引数を呼び出すと、にevent解決されwindow.eventます。これは、ブラウザー間の一貫性のためにjQueryによって「正規化」されていないオブジェクトです。

score 1 · Accepted Answer

ここ：

$sortBy.toggle(function(){  <-- you must get the event object from jquery.
        options.$this = $(this);
        ddlShow(event, options);
    }, 
    function(){
        options.$this = $(this);
        ddlHide(options);
    }
);

それで：

$sortBy.toggle(function(event){ ... ddlShow(event, options); }...

score 0 · Accepted Answer

JQueryはデフォルトでイベントオブジェクトを渡します。関数内で使用するには、関数の引数で宣言する必要があります。

$sortBy.toggle(function(event){

    // Do your stuff here

})

score 0 · Accepted Answer

また、event引数名として使用することはお勧めできません。

eventグローバルイベントオブジェクトを参照します。次のようなものを定義しますe

function(e, options){
    e.stopPropagation();
    //do stuff here    
}

javascript - IEの奇妙なJavascriptエラー

6 に答える 6

Related

Reference