1

我使用这个标记：

<div id="zoom">
    <div id="small">
        <img id="image1" src="images/1.jpg" alt="example" title="Image" class=" img-polaroid">
    </div>
    <div id="large">
        <img id="image2" src="images/1.jpg" alt="example" title="Image" class=" img-polaroid">
    </div>
</div>

我这样打电话：

jQuery(document).ready(function(){
    jQuery("#zoom").anythingZoomer()
});

我的 jQuery 版本是：1.8.3

当我将鼠标悬停在图像上时，它说无法读取未定义的属性“左侧”，

https://github.com/CSS-Tricks/AnythingZoomer

请帮忙。

4

2 回答 2

1

这可能是现有 JS 插件的问题，也可能是由于 jQuery 的某些版本冲突。尝试创建一个新的空白页并在那里运行您的代码。最好的方法是使用插件演示文件中给出的代码。

于 2013-05-24T19:23:44.900 回答
1

该插件正在寻找类名，因此将缩放中标记的 ID 切换为类：

<div id="zoom">
    <div class="small">
        <img class="image img-polaroid" src="images/1.jpg" alt="example" title="Image">
    </div>
    <div class="large">
        <img class="image img-polaroid" src="images/1.jpg" alt="example" title="Image">
    </div>
</div>

此外，img 都有一个图像 ID，它们应该是唯一的。我已将它们更改为上面的类名，但如果您需要某些 ID，则使它们唯一。

于 2015-04-02T12:50:14.523 回答