javascript - 为什么这个 jquery 传输不起作用

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