无法让 jQuery Waypoints 工作答案

【问题标题】：Can't get jQuery Waypoints working无法让 jQuery Waypoints 工作
【发布时间】：2014-03-07 05:17:39
【问题描述】：

我已经与它战斗了 6 个小时左右，但仍然无法让它发挥作用。我有带有 T3 Framework v 2.1.0 和 Bootstrap 3 的 Joomla 2.5。

我希望这个插件实际上执行一个简单的东西，没有复杂的动画或滑块，只是想实现开发人员网站上显示的内容 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 的数据，我替换了所有内容，以便我的内容与示例匹配。还尝试使用来自开发者网站的数据和设置 - 仍然没有希望。

【问题讨论】：

标签： jquery html css joomla2.5 jquery-waypoints

【解决方案1】：

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

【讨论】：

【解决方案2】：

尝试将defaults 直接添加到您的waypoints-sticky.js 中，如下所示：

$('.itemIWantToStick').waypoint('sticky', {
    wrapper: '<div class="wrapper" />',
    stuckClass: 'stuck'
});

【讨论】：

仍然没有任何变化。它甚至没有为我想要粘贴的项目创建一个类。