Javascript JQuery Flip不适用于ie7或ie8

Javascript JQuery Flip不适用于ie7或ie8,javascript,jquery,css,internet-explorer,internet-explorer-8,Javascript,Jquery,Css,Internet Explorer,Internet Explorer 8,我用blow编辑它,但它在任何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"

我用blow编辑它,但它在任何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>

第1部分查找
第2部分查找
第3部分查找
第4部分查找
|  |  | 
$(“#Btn1”)。单击(函数(){
$(“.classdiv”).hide();
$(“#Div1”).show();
翻转功能('lr','','');
返回false;
});
$(“#Btn2”)。单击(函数(){
$(“.classdiv”).hide();
$(“#Div2”).show();
翻转功能('lr','','');
返回false;
});
$(“#Btn3”)。单击(函数(){
$(“.classdiv”).hide();
$(“#Div3”).show();
翻转功能('lr','','');
返回false;
});
$(“#Btn4”)。单击(函数(){
$(“.classdiv”).hide();
$(“#Div4”).show();
翻转功能('lr','','');
返回false;
});
var old_content=$(“#flipBox”).html();
函数翻转功能(方向、颜色、速度、内容){
如果(方向=“”){
方向='rl';
}
如果(颜色=“”){
颜色=“”
}
如果(速度=“”){
速度='1000';
}
$(“#flipBox”).flip({
方向:方向,,
颜色:颜色,
速度:速度,,
//内容:内容,,
});          
}

您使用什么版本的jQuery?2.x版本打破了对IE8和以前版本等旧浏览器的支持


您的代码中有任何console.log语句吗?这将打破IE的旧版本。尝试打开开发者工具F12,然后再试一次。如果可行,这就是问题所在。也许可以尝试一下。“用blow编辑”,什么是
blow
?“原版在所有浏览器上都能完美运行”,那你为什么要编辑它呢?我使用的是jQuery 2.0,它的冲突也是
code
//Load jQuery//google.Load(“jQuery”,“1”);恢复到jquery1.10。这是相同的API,但2.x更轻量级,因为它放弃了对旧浏览器的支持。在IE7/IE8上,使用F12打开开发人员控制台并观看控制台。当您尝试执行该方法时是否有任何错误消息?即错误。。。SCRIPT5009:“jQuery”是未定义的jQuery.widget.min.js,第6行字符1 SCRIPT5009:“jQuery”是未定义的metro.min.js,第1行字符69 SCRIPT5009:“jQuery”是未定义的metro-calendar.js,第3行字符1 SCRIPT5009:“jQuery”是未定义的metro-datepicker.js,第1行字符1脚本1028:预期的标识符、字符串或数字beta,第450行字符4脚本438:对象不支持属性或方法“carousel”beta,第464行字符5脚本后面是否包含jQuery?因为它需要在之前。