我已经和它斗争了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
。你的帖子,如果准确的话,显示你是先包括粘性快捷方式。