使用jquery延迟href执行

我正在尝试使用jQuery创建一个小页面转换

我有这个链接列表

<div class="work">
    <div class="item" data-fx="5">
        <a href="project-page.html" data-img="assets/testimage.png"><span>Ude bag November Vej</span></a>
    </div>
    <div class="item" data-fx="5">
        <a href="project-page.html" data-img="assets/testimage.png"><span>Rabbit</span></a>
    </div>
    <div class="item" data-fx="5">
        <a href="" data-img="assets/testimage.png"><span>Camouflage no. 1</span></a>
    </div>
</div>
<div class="page-transition-out"></div>

有点用。 它会延迟链接并运行动画

但是我得到了一个未定义的url

---

任何人都可以帮助+

处理程序中的

.work.item

元素，即

这个
是
，而不是
。要导航到子级
，请执行以下操作：

var href = this.children[0].href;

或者如果您喜欢jQuery语法

var href = $(this).children().attr('href');

成功了。谢谢。
var href = $(this).children().attr('href');