Jquery Fancybox不在IE8中工作[Object不支持属性或方法'；Fancybox'；]

我正在使用

fancybox

将购物车添加到我的网站中

fancybox

在Firefox、Chrome和IE9上运行良好，但在IE8上不起作用。真的不知道为什么，请帮忙

$（文档）.ready（函数（）{
$（“.addToOrderButton”）。单击（函数（）{
$（“.addToOrderButton”）.fancybox({
'type'：'iframe'，
“宽度”：“75%”，
“高度”：75%，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
“helpers”：{覆盖：{closeClick:false}，
'href'：'includes/shopping\u cart.php？drink\u id='+$（this.attr（“drink\u id”）
});
});
$（“.addToOrderButton”）.fancybox({
'type'：'iframe'，
“宽度”：“75%”，
“高度”：75%，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”
});
});

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

将$（document）.ready（function（）{）替换为jQuery（function（$）{

---

IE8问题已经解决！奇怪！！

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

将$（document）.ready（function（）{）替换为jQuery（function（$）{

---

IE8问题已经解决！奇怪！！

你没有正确引用你的

饮料id

属性。@Asad：事实上，它上面有一个很接近的引用，只是语法highligher不喜欢

（

在HTML中引用属性值很好。）“…IE8给出[对象不支持属性或方法'fancybox']…“它在哪一行报告错误？如果使用调试器（IE8有一个调试器，请按F12打开它），会发生什么情况。它显示错误的那一行是$（“.addToOrderButton”）。fancybox({@T.J.Crowder是的，我没有仔细看它，乍一看，

id

属性的文本看起来像是

drink\u id

属性的一部分。你没有正确引用你的

drink\u id

属性。@Asad：实际上，它上面有一个很接近的引号，只是语法Highlighter不喜欢

（

>

在HTML中引用属性值很好。）“…IE8给出[Object不支持属性或方法'fancybox']…”它在哪一行报告错误？如果使用调试器（IE8有一个调试器，请按F12打开）。它显示错误的那一行是$（“.addToOrderButton”）.fancybox（{@T.J.Crowder是的，我没有仔细看它，乍一看，

id

属性的文本似乎是

drink\u id

属性的一部分。在ie9中工作得像个符咒。在ie9中工作得像个符咒。

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