我试过了panelSnap插件,当我想滚动的元素在标签内时,它就可以工作了.
但是,当我尝试相同的东西,但包装内的元素,它不再工作.
使用Chrome我收到此错误消息:'未捕获的TypeError:无法读取未定义的属性'top'
我创造了一个jsFiddle,以确保我不疯狂! http://jsfiddle.net/7K2CT/6/
var options = {
$menu: $('header .menu'),
panelSelector: 'section.panel',
directionThreshold: 200,
slideSpeed: 500
};
$('#wrapper').panelSnap(options);
Run Code Online (Sandbox Code Playgroud) 我正在尝试添加一个简单的悬停和单击功能到我的页面的一部分,它不起作用.我已经完成了这一百次没有问题,但这次是不同的,我不知道为什么?
HTML:
<div class="description">
<div id="wrapper">
<p>bla bla bla</p>
<div class="linkDesc">
<a href="#">bla bla bla</a>
</div>
<div class="plusSign"> </div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
jQuery(document).ready(function () {
$('#wrapper').hover(function () {
$('this').addClass('hover');
}, function () {
$('this').removeClass('hover');
});
$('#wrapper').click(function(e) {
e.preventDefault();
var urlLocation = $('this').find('.linkDesc').children('a').attr('href');
window.location = urlLocation;
});
});
Run Code Online (Sandbox Code Playgroud)