0

私は最近、この開発者のサイトから jQuery ドロップダウンを実装しました: http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/ Firefox (私のサイトはhttp://www.ExpeditionerSafaris.comです)。

ただし、Internet Explorer では (もちろん)、li リンクは機能しません。

コードは次のとおりです。

function DropDown(el) {
    this.dd = el;
    this.initEvents();
}

DropDown.prototype = {
    initEvents: function () {
        var obj = this;

        obj.dd.on('click', function (event) {
            $(this).toggleClass('active');
            event.stopPropagation();
        });
    }
}

$(function () {

    var dd = new DropDown($('#dd'));

    $(document).click(function () {
        // all dropdowns
        $('.wrapper-dropdown-5').removeClass('active');
    });

});
4

2 に答える 2

0

http://api.jquery.com/jQuery.noConflict/jquery conflictionを参照するのに問題があると思います

コードに問題がある

$(function () {//here is problem of `$` conflictions

    var dd = new DropDown($('#dd'));

    $(document).click(function () {
        // all dropdowns
        $('.wrapper-dropdown-5').removeClass('active');
    });

});

私はそれをチェックし、コードにエラーがあります

Error: TypeError: $ is not a function
Source File: http://www.expeditionersafaris.com/
Line: 426

jQuery(function ()の代わりに使用し$(function ()てから試すか、jQuery.noConflict()関数を使用します

于 2013-02-07T04:31:54.597 に答える
0

あなたのinitEvents方法で。IEのイベントと衝突するので通らないeventので作る

obj.dd.on('click', function (evt) {
    //evt is jQuery normalized event object

    $(this).toggleClass('active');
    event.stopPropagation();
});
于 2013-02-07T04:36:41.873 に答える