0

我正在使用 ddpowerzoom 库测试图像放大脚本

下面是我做的测试代码：

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex4/ddpowerzoomer.js">


</script>

<script type="text/javascript">

$(document).ready(function($){ //fire on DOM ready


    //EXAMPLE 1:
    $('#myimage').addpowerzoom()

    /*EXAMPLE 2:
    $('img.vacation').addpowerzoom({
        defaultpower: 2,
        powerrange: [2,5],
        largeimage: null,
        magnifiersize: [100,100] //<--no comma following last option!
    })
    */

})

</script>



  <img id="myimage" src="ui_distorted.png" height="200" width="200"/>

每当我执行脚本时，我都会在 Firebug 中遇到以下错误：

TypeError: $ 不是一个函数 [Break On This Error]

$(document).ready(function($){ //在 DOM 就绪时触发

有人可以帮我解决这个问题吗？

4

2 回答 2

1

我认为这是因为 ddpowerzoomer 使用jQuery.noConflict()并控制了 $，因此

$(document).ready(function($){ ...

需要阅读

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

我有同样的问题，这也是我的问题，但还没有答案！

于 2016-08-24T12:06:10.467 回答
0

您的 jquery 源路径可能无效。尝试使用带有回退的 CDN

<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='yourLocalPathForJquery' type='text/javascript'%3E%3C/script%3E"));
}
</script>
于 2013-08-02T10:41:09.203 回答