Question

我使用此http://progtuts.info/downloads/JQueryFlip/并使用打击进行编辑，但它不适用于任何IE。请帮助我在IE7上运行此原始版本在所有浏览器上运行完美，如果有任何其他相同的例子请与我分享。

<div id="flipBox" class="flipBox">
  <div id="Div1" name="div_3" style="display: block;" class="classdiv"> Div 1 lookup </div>
  <div id="Div2" name="div_3" style="display: none;" class="classdiv"> Div 2 lookup </div>
  <div id="Div3" name="div_3" style="display: none;" class="classdiv"> Div  3 lookup </div>
  <div id="Div4" name="div_3" style="display: none;" class="classdiv"> Div 4 lookup </div>
</div>
<a id="Btn1" href="#">Btn</a> | <a id="Btn2" href="#">Btn</a> | <a id="Btn3" href="#">Btn</a> | <a id="Btn4" href="#">Btn</a>

<script type="text/javascript">    
  $( "#Btn1" ).click(function(){

      $(".classdiv").hide();
       $("#Div1").show();
       flip_func('lr','','','');   
       return false;     

  });

  $( "#Btn2" ).click(function(){

      $(".classdiv").hide();
       $("#Div2").show();
       flip_func('lr','','','');   
       return false;     

  });

  $( "#Btn3" ).click(function(){

      $(".classdiv").hide();
       $("#Div3").show();
       flip_func('lr','','','');   
       return false;     

  });

  $( "#Btn4" ).click(function(){

      $(".classdiv").hide();
       $("#Div4").show();
       flip_func('lr','','','');   
       return false;     

  });

  var old_content = $( "#flipBox" ).html();

  function flip_func(direction,color,speed,content){

      if(direction == ''){
          direction = 'rl';
      }
      if(color == ''){
          color = ''
      }
      if(speed == ''){
          speed = '1000';
      }

      $("#flipBox").flip({
                      direction: direction,
                      color: color,
                      speed: speed,
                      //content: content,
      });          
  }

</script>

Answer 1

你使用什么版本的jQuery？ 2.x版本破坏了对旧版浏览器的支持，例如IE8和之前的版本。

http://jquery.com/download/

JQuery Flip不支持ie7或ie8

1 个答案: