Php jquery传输效果在末尾保留css

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"

因此,我正在制作一个应用程序,利用查询ui的效果(“传输”)。一切正常。但是在动画结束时,属于effect.ui effects传输的css标记消失了。我想把它留在页面上

这可能吗

这是我的代码javascript代码

  <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;
}