jquery - Fancybox 在 IE8 中不起作用 [对象不支持属性或方法 'fancybox']

Question

我fancybox用于添加我网站的购物车部分。fancybox在 Firefox、Chrome 和 IE9 上运行良好，但在 IE8 上不行。真的不知道为什么，请帮忙。

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

Answer 1

谢谢大家的尝试，终于我破解了。

将 $(document).ready(function() { 替换为 jQuery(function( $ ){

IE8问题已解决！诡异的 ！！