我已经和它斗争了6个小时左右,但还是不能成功。
我有Joomla 2.5和T3框架v2.1.0和Bootstrap 3。
我希望这个插件能够执行一个简单的东西,没有复杂的动画或幻灯片,只想实现在开发人员的网站上显示的东西
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中的数据,我替换了所有内容,以便我的内容与示例匹配。还尝试使用开发人员站点中的数据和设置-仍然没有希望。

最佳答案

在粘贴扩展之前需要包含waypoints.js。你的帖子,如果准确的话,显示你是先包括粘性快捷方式。

10-07 17:42