1

私のウェブサイトでは、いくつかのカスタムビルドの jquery プラグインといくつかの外部プラグインを使用しています。

私が抱えている問題はIEでのみ発生しています。このページには、KenBurns Jquery Slider といくつかの jquery タブがあります。どちらのプラグインも Chrome / Firefox で正常に動作します。ただし、IE でタブ (KenBurns スライダーの下) を切り替えると、最初のタブが開いたままになり、非表示になりません。また、Ken Burns Slider がリロードするか、リロードしているように見えます。

なぜこれが起こっているのか、または見てみたいと思う人はいますか？

ページ: http://devsite80.clickdealer.co.uk/used-land-rover-range-rover-364746

私のタブコード:

(function($) {

jQuery(document).ready(function () {


// Generate Tabs
$(".tabContents").hide();
    $(".tabContents:first").show();

    $("#tabContaier ul li a").click(function(e){

        e.preventDefault();

        var activeTab = $(this).attr("href");
        $("#tabContaier ul li a").removeClass("active");
        $(this).addClass("active");
        $(".tabContents").hide();
        $(activeTab).fadeIn();
    });

// Fix Tabs for Mobile
$(window).resize(function(){
    console.log('resize called');
    var width = $(window).width();
    if(width <= 757){
           $('.tabContents').show();
     }
     else{
            $(".tabContents:first").show();
     }
})
.resize();//trigger the resize event on page load.

});

}(jQuery));

私が呼び出している他のプラグインへのリンクは次のとおりです: http://devsite80.clickdealer.co.uk/js/jquery.config.js

さらに情報が必要な場合は、お知らせください:-)

助けてくれてありがとう！

4

2 に答える 2

1

あなたが発行するのは、window.resize にバインドしていることです。IE では、ページ上の要素のサイズが変更されると、window.resize イベントが発生します。

記事で詳しく説明しています: Internet Explorer で発生する window.resize イベント

サイズ変更時にバインドすることはお勧めしません。非表示と表示を使用する代わりに、この機能を CSS に移動し、jQuery を使用してクラスを切り替えます。これにより、必要なことを達成するために CSS メディア クエリを設定することもできます。

@media screen and (min-width: 757px) {
    #YOUR CONDITIONAL CSS HERE
}
于 2012-07-06T16:45:45.963 に答える
0

構文エラーが発生します。

'position().left' is null or not an objectjquery.themepunch.kenburn.min.js の 128 行目、char 644

また、何らかの理由で、エラーの前に IE で resize が 4 回呼び出されます。IE で F12 を押して開発者ツールにアクセスし、ページに戻って更新してエラーを確認します。もちろん、「スクリプト」タブをクリックします。

参考までに、ツール コンソールを更新するとキャッシュがクリアされるだけですが、ページがリロードされるとは思わないので、実際には IE ウィンドウを再選択する必要があります。

画像がサムネイルとして表示されず、画像の縦方向のリストとして表示されることを追加する必要があります。最後に、私は WinXP で IE8 (8.0.6001.18702IC) を使用しています。

于 2012-07-06T16:28:47.627 に答える