jquery、safari 和 jqzoom 插件 - document.ready 的问题答案

【问题标题】：jquery, safari & jqzoom plugin - issue with document.readyjquery、safari 和 jqzoom 插件 - document.ready 的问题
【发布时间】：2012-09-24 23:04:18
【问题描述】：

我在 Safari (Mac OSX 10.6) 上遇到 jQuery 的一个小问题 - 页面在 Firefox (Mac) 和 Internet Explorer (Win) 下加载正常，但必须刷新才能在 Safari 中正常工作...

http://7souls.co.uk/store/index.php?dispatch=products.view&product_id=29788

如果您将鼠标悬停在图像上，则意味着在右侧显示放大版本 - 这适用于除 Mac 上的 Safari 之外的所有浏览器的第一页加载。

您必须刷新页面才能使其在 safari 下工作。

任何想法，

【问题讨论】：

标签： jquery jquery-plugins safari

【解决方案1】：

这可能是在黑暗中的狂野刺伤，但我以前有过这种行为，发现它与 jquery 和其他 javascript 不能很好地播放有关。你可以试试

 jQuery.noConflict();

看看这是否能解决您的问题。

【讨论】：

【解决方案2】：

如果我错了，请纠正我，但在我看来，该函数正在尝试将绑定添加到不存在的 DOM 对象。命令如下：

$.runCart('C');

您的脚本尝试将绑定添加到具有此传入名称的对象。由于文档中没有对象“C”，因此不会进行绑定。我认为您打算在以下方面使用更多内容：

$.runCart('#product_images_29788');

这可以正确识别左侧包含您的产品图片的对象。

（我在这里可能是错的，因为看起来您可能已经修改了页面以实现其他目的，因为您的原始帖子。）

【讨论】：

乔，$.runCart('C');由 cs-cart 制作的购物车系统使用/被用于设置其所有 javascript - 我从未想过使用传递给它的图像变量来运行它......而且，是的，你是对的，我已经更改了页面以使用标准灯箱作为购物车生产商想要的不仅仅是购物车本身的成本来改变使用 jqZoom 插件的功能！

【解决方案3】：

确保你的图片标签有一个宽度值！

<img src="assets/images/name_of_image.jpg" alt="alt_title" width="200" />

这为我解决了这个问题。这与加载图像之前正在运行的 jqzoom 脚本有关，因此无法添加图像的宽度来偏移缩放窗口。

【讨论】：