0

次のスレッドは、div コンテンツを交換するためのきちんとしたスクリプトを提供してくれました。これはCarl Meyerによって作成されました。

残念ながら、このスクリプトは IE7 と IE8 では機能しませんが、Firefox 4 以降と Chrome では機能します。

スクリプトをIE7およびIE8で動作させるために何を編集する必要があるか知っている人はいますか?

編集したスクリプトは次のとおりです。

<script type="text/javascript" src="scripts/jquery-1.8.1.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    switches = $('#switches > div');
    slides = $('#slides > div');
    switches.each(function(idx) {
            $(this).data('slide', slides.eq(idx));
        }).hover(
        function() {
            switches.removeClass('active');
            slides.removeClass('active');             
            $(this).addClass('active');  
            $(this).data('slide').addClass('active');
        });
    });
</script>

<style type="text/css">
    #switches div.active {
      display: block;
    }   
    #slides div {
      display: none;
    }   
    #slides div.active {
      display: block;
    }   
</style>

<div id="switches" class="float_left">                      
 <div>switch 01</div>
 <div>switch 02</div>
 <div>switch 03</div>       
</div>

<div id="slides" class="float_left">
 <div class="active">(01) Slide content goes here</div>
 <div class="">(02) Slide content goes here</div>
 <div class="">(03) Slide content goes here</div>   
</div>
4

1 に答える 1

1

スイッチとスライドの変数が初期化されていないため、Internet Explorer が壊れます。先頭に「var」を追加してみてください

すなわち

var switches = $('#switches > div');
于 2012-09-10T14:04:18.000 に答える