jquery - 无法让 jQuery Waypoints 工作

Question

我已经与它抗争了 6 个小时左右，但仍然无法正常工作。我有 Joomla 2.5 with T3 Framework v 2.1.0 with Bootstrap 3。

我想让这个插件执行一些简单的事情，没有复杂的动画或 slider ，只是想实现开发者网站上显示的内容 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

起初，我按照文档中所说的嵌入了代码

<script src="/path/to/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="/path/to/js/waypoints-sticky.min.js" type="text/javascript"></script>
<script src="/path/to/js/waypoints.min.js" type="text/javascript"></script>

我的标记如下:

<div class="wrapper">
  <div class="itemIWantToStick"></div>
</div>

然后我添加了代码

<script type="text/javascript">
$(document).ready(function() {
    $('.itemIWantToStick').waypoint('sticky');
});
</script>

在 waypoints-sticky.js 我得到了代码:

this, function($) {
    var defaults, wrap;
    defaults = {
      wrapper: '<div class="wrapper" />',
      stuckClass: 'stuck'
    };

在我得到的css中:

.sticky{
    width: 25%;
}
.wrapper{
    display: block;
}
.stuck{
    position: fixed;
    top: 0;
}

但我无法让它工作。也许 jQuery 库与我在 Joomla 和 T3 中默认拥有的库冲突？我在这里阅读了关于该主题的所有问题并浏览了网页，但仍然无法解决。

也许我遗漏了什么。因为我只是开始探索 JS。你能告诉我它有什么问题吗？非常感谢任何帮助。

附言我还尝试使用来自 Here 的数据，我替换了所有内容，以便我的内容与示例匹配。还尝试使用来自开发者站点的数据和设置 - 仍然无望。

Answer 1

您需要在粘性扩展之前包含 waypoints.js。如果您的帖子准确无误，则表明您首先包含了粘性快捷方式。