CODEWITHSUNDEEP
javascriptjquerycssinternet-explorerinternet-explorer-8
user3198818
user3198818

Reputation: 11

JQuery Flip is not working on ie7 or ie8

I use this http://progtuts.info/downloads/JQueryFlip/ and edit it with blow but its not working on any IE. Please also help in me to run this on IE7 the original is working perfectly on all browsers, if any one have other same example please share with me.

<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>

Upvotes: 0

Views: 785

Answers (1)

gretro
gretro

Reputation: 2009

What version of jQuery do you use ? The 2.x version broke support for older browsers such as IE8 and previous.

http://jquery.com/download/

Upvotes: 1

Related Questions