我最近启动了我的投资组合页面,我使用了一个 jquery 插件来根据他们的类对我的投资组合条目进行排序。请在这里查看
您会注意到,当您翻转每张图像时,它会放大并显示一个案例研究链接。这就是它应该看起来的样子。当您按下徽标和品牌按钮(在顶部)时,它也能完美运行。但是,按任何其他按钮,然后滚动图像。它消失了!恢复该图像的唯一方法是返回“全部”或“徽标和品牌”部分并翻转丢失的图像。
我似乎无法弄清楚为什么其中一些有效而大部分无效。代码似乎是一致的,但也许我遗漏了一些东西。谢谢。
我最近启动了我的投资组合页面,我使用了一个 jquery 插件来根据他们的类对我的投资组合条目进行排序。请在这里查看
您会注意到,当您翻转每张图像时,它会放大并显示一个案例研究链接。这就是它应该看起来的样子。当您按下徽标和品牌按钮(在顶部)时,它也能完美运行。但是,按任何其他按钮,然后滚动图像。它消失了!恢复该图像的唯一方法是返回“全部”或“徽标和品牌”部分并翻转丢失的图像。
我似乎无法弄清楚为什么其中一些有效而大部分无效。代码似乎是一致的,但也许我遗漏了一些东西。谢谢。
发生这种情况是因为您从找到的第一个 .zitem 计算宽度和高度
width = $('.zitem').width() * zoom;
height = $('.zitem').height() * zoom;
当第一个项目被隐藏(由于过滤)时,它的显示设置为无,因此它的宽度和高度变为 0。
像这样读取高度/宽度时,您将需要读取第一个可见的 .zitem
width = $('.zitem:visible').width() * zoom;
height = $('.zitem:visible').height() * zoom;
取消缩放图像时做同样的事情