为什么这个jquery转移没有woking

Question

我有点困惑为什么这种效果转移在jquery中不起作用。

我的jquery文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

我的HTML。

<img id="sample" class='trial' src='{{ url('taskAssets/'.$stimuli['sample'][0]) }}.jpg'/>
<a id="hello" href='response/{{ $stimuli['comparison'][5]}}'><img class='trial'  src='{{ url('taskAssets/'.$stimuli['comparison'][5]) }}.jpg' /></a></td>

我转移的CSS：

.ui-effects-transfer {
border: 5px solid black;
  }

我的jquery脚本

<script>


$("#sample").effect("transfer", {to: $("#hello")}, 1000);

</script>

有什么想法吗？

Answer 1

您在DOM加载完成之前运行代码。试试这个：

$(document).ready(function () {
    $("#sample").effect("transfer", { to: $("#hello") }, 1000);
});