使用jQuery为数据属性添加元素以与skrollr一起使用

时间:2015-04-08 22:49:30

标签: jquery skrollr

我已经阅读了一个有同样问题的问题,但是调用skrollr.init并没有帮助。 Skrollr没有为jQuery追加的元素设置动画。

我的标题中有这个jQuery:

$( document ).ready(function() {
$('#intro').append('<div id="showcaseLaptop" class="anim fixed" data-0="right:0;" data-1500="right:-100%;"><img src="http://i58.tinypic.com/152kdmo.png" class="showcaseit" alt="Almod Web Design - Design for every device." /></div>');}); 

我在<body>标记的底部有这个:

<script type="text/javascript" src="/s/skrollr.js"></script>
 <script type="text/javascript">
    var s = skrollr.init();
    </script>

我已尝试从skrollr.init内拨打$(document).ready,但这也无效。

我错过了什么?

非常感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:0)

$(document).ready();
在DOM完全构建之后,

触发,因此你头脑中的代码将在代码底部的代码之后执行,因此skrollr将找不到任何mathing标签/属性。

为什么不在$(document).ready()块中编写所有代码,无论它在哪里注明?