Php jquery传输效果在末尾保留css
因此,我正在制作一个应用程序,利用查询ui的效果(“传输”)。一切正常。但是在动画结束时,属于effect.ui effects传输的css标记消失了。我想把它留在页面上 这可能吗 这是我的代码javascript代码Php jquery传输效果在末尾保留css,php,jquery,html,laravel,Php,Jquery,Html,Laravel,因此,我正在制作一个应用程序,利用查询ui的效果(“传输”)。一切正常。但是在动画结束时,属于effect.ui effects传输的css标记消失了。我想把它留在页面上 这可能吗 这是我的代码javascript代码 <script> @foreach ($stimuli['comparison'] as $stimulus) @if($stimuli['sample'][0] == $stimulus) $("#sample").effect("transfer"
<script>
@foreach ($stimuli['comparison'] as $stimulus)
@if($stimuli['sample'][0] == $stimulus)
$("#sample").effect("transfer", {to: $("#{{ $stimulus }}")}, 9000);
@endif
@endforeach
</script>
问题
这就是我面临的问题
在动画中,图片是最重要的。我希望它结束时,将图片准确地放在div顶部,而不是设置为背景图像 动画完成后,使用functions complete方法将类添加回元素 Jquery用户界面
$("#sample").effect("transfer", {to: $("#{{ $stimulus }}")}, 9000,function(){
$('#{{ $stimulus }}').addClass('ui-effects-transfer');
});
编辑:
问题是,我的css用于传输动画背景图像:url(“);在制作动画时将图片放在背景中,这是最重要的。我更喜欢。但除此之外,一切都很好!主要问题是动画结束时,课堂实际进入$this,我希望它保持在顶部,而不改变任何其他元素。我不明白,效果对我有效嗯,我想我终于明白你需要什么了。让我们一起来吧。
$("#sample").effect("transfer", {to: $("#{{ $stimulus }}")}, 9000,function(){
$('#{{ $stimulus }}').addClass('ui-effects-transfer');
});
.ui-effects-transfer {
background-image :url("http://images.clipartpanda.com/finger-clipart-pointing-finger-md.png") no-repeat;
opacity: .8;
z-index: 5 !important;
background-size:20px 20px; //hand size
// Use background postion not margin to move the image;
background-position: 0px 125px;
}