Jquery - 向左滑动,代码不起作用?
标题是描述性的,这段代码有什么问题,为什么?
<script type="text/javascript">
$(document).ready(function() {
$('#slideleft').mouseenter(function() {
var $lefty = $(this).next();
$lefty.animate({
left: "-2000px"
}, 500 );
});
});
</script>
超文本标记语言
<div id="slideleft" class="slide">
<div class="inner">Animate this element's left style property</div>
</div>
Title is descriptive, what is wrong with this code and why?
<script type="text/javascript">
$(document).ready(function() {
$('#slideleft').mouseenter(function() {
var $lefty = $(this).next();
$lefty.animate({
left: "-2000px"
}, 500 );
});
});
</script>
HTML
<div id="slideleft" class="slide">
<div class="inner">Animate this element's left style property</div>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
$(this).next()
应该抓取div#slideleft
的下一个同级,但看起来您实际上希望div.inner
会滑动吗?如果将$(this).next()
更改为$(this).children('.inner')
它应该可以工作。The
$(this).next()
should be grabbing the next sibling ofdiv#slideleft
but it appears you actually wantdiv.inner
to be sliding right? If you change$(this).next()
to$(this).children('.inner')
it should work.