Question

我已经打了6个小时左右但仍然无法正常工作。我使用带有Bootstrap 3的T3 Framework v 2.1.0的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。你能告诉我它有什么问题吗？任何帮助都很受欢迎。

P.S。我也尝试使用Here中的数据，我替换了所有内容，因为我的东西与示例相匹配。还试图使用开发者网站上的数据和设置 - 仍然无望。

Answer 1

您需要在粘性扩展名之前加入waypoints.js。如果准确，您的帖子会显示您首先要包含粘滞快捷方式。

Answer 2

尝试直接在defaults内添加waypoints-sticky.js，如下所示：

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

无法让jQuery Waypoints正常工作

2 个答案: