1

誰かがこの問題に対処しましたか?

適用後のコードが Internet Explorer で実行されない

originalFocus.apply(this, arguments);
$(document).scrollTop(300);

scrollTop は IE ではまったく実行されません!

しかし、例えば alert() を置くと動作します

originalFocus.apply(this, arguments);
alert('ha');
$(document).scrollTop(300);

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

(function($) {
    var originalFocus = $.fn.focus;
    $.fn.focus = function () {
        if (this.hasClass('no-scroll')) {
            var y = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body).scrollTop;

            originalFocus.apply(this, arguments);
            $(document).scrollTop(y);
        } else {
            return originalFocus.apply(this, arguments);
        }
    };
})(jQuery);

答え

さて、皆さん、私は問題を見つけました-関数を返す必要がありました、簡単です)

(function($) {
var originalFocus = $.fn.focus;
$.fn.focus = function () {

    return function() {
        if (this.hasClass('no-scroll')) {
            var y = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body).scrollTop;

            originalFocus.apply(this, arguments);
            window.scrollTo(x, y);
        } else {
            originalFocus.apply(this, arguments);
        }
    };

};
})(jQuery);
4

1 に答える 1

1

場合によっては、イベント ハンドラー内でフォーカスを強制しようとすると、問題が発生することがあります。タイマー ハンドラで実行してみてください。

      var this2 = this;
      setTimeout(function() {
        originalFocus.apply(this2, arguments);
      }, 1);
于 2013-03-29T17:41:33.780 に答える