CODEWITHSUNDEEP
jqueryfancybox
user1897636
user1897636

Reputation: 71

Fancybox Not working in IE8 giving [ Object doesn't support property or method 'fancybox']

I am using fancybox for adding cart part of my website . fancybox works fine on Firefox, Chrome, and IE9 but not on IE8 . Really don't know why, please help.

    $(document).ready(function() {

        $(".addToOrderButton").click(function(){
            $(".addToOrderButton").fancybox({
                'type'      : 'iframe',
                'width'     : '75%',
                'height'    : '75%',
                'autoScale'     : false,
                'transitionIn'  : 'none',
                'transitionOut' : 'none',
                'helpers'       : {overlay : { closeClick: false}},
                'href'          : 'includes/shopping_cart.php?drink_id='+$(this).attr("drink_id")

            });
        });

        $(".addToOrderButton").fancybox({
                 'type'     : 'iframe', 
            'width'     : '75%',
            'height'    : '75%',
            'autoScale'         : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none'



        });
    });

</script>
<button drink_id="$drink->id" id="addToOrderButton_$drink->id" class="addToOrderButton" type="button" name="drink_add" value="Add" style="border: 0;cursor: pointer;background: transparent">
    <img src="./images/add_but.png" alt="submit" />
</button>

Upvotes: 0

Views: 5668

Answers (1)

user1897636
user1897636

Reputation: 71

Thanx Alot everyone for your try , finally i have cracked it .

Replaced $(document).ready(function() { with jQuery(function( $ ){

IE8 issue has been resolved ! Weird !!

Upvotes: 5

Related Questions