经过jquery摇动效果(显示:无)为什么？

Question

对于一个项目,我想对图像有一个摇晃效果.

HTML

<div class="col-lg-4 col-md-4 col-sm-4 sales"><img title="product" alt="product" src="layout/icommerce/img/sale6.png" /></div>

jQuery的

$(".sales img").toggle("shake", {direction: "left",times: 4,distance: 1}, "slow");

加载页面后,img正在抖动,但在效果结束时,img display:none通过使用style="display:none"

我不想那样.

Answer 1

因为你用toggle().effect(...)改为使用:

$(".sales img").effect("shake", {
     direction: "left",
     times: 4,
     distance: 1
}, "slow");

从jQuery UI文档:

Toggle

使用自定义效果显示或隐藏元素.

因此,因为您的元素是可见的,所以在切换之后它变为不可见(display: none).