Question

我一直尝试使用css和jquery创建一个垂直幻灯片菜单，但没有运气。如何在jquery中获取每个点击项目菜单？

来自我的ul class =“flyoutFirst”。

每个class =“flyoutFirst”都有自己的项目链接，就像在标记中一样。

谢谢你教我。

这是示例jquery代码：

$(function() {
  $('.list li').click(function() {
    $('.list').animate({
      left: '-100%'
    });
    return false;
  })

  $('.back').click(function() {
    $('.list').animate({
      left: '0'
    });
  })

});

更多细节： link to jsfiddle

最好的问候，

猿

Answer 1

尝试了链接，我觉得它工作正常，请明确强调你的问题。你想要什么？

Answer 2

实际上，我不明白，你想做什么。但是有关具有嵌套元素的click事件的所有信息都可以通过这种方式获得：

$('.list li').click(function(e) {
console.log(e);

用＆＃34; e＆＃34;参数你可以获得所有信息。 https://jsfiddle.net/cfrd6mg9/

Answer 3

好吧我终于找到了解决方案。

也许这不是一个好的解决方案，但它是有效的！在我的js文件中：

    $(function() {
      $('.list li').click(function() {
        $('.list').animate({
          left: '-100%'
        });
        $(this).find('.flyoutFirst').css({display: 'block'});
        return false;
      })

      $('.back').click(function() {
        $('.list').animate({
          left: '0'
        }, function(){
           $(this).find('.flyoutFirst').css({display: 'none'});
        });
      })

    });

在jsfiddle

上查看我的更新

并在我的班级flyoutFirst中添加display：none in css。希望也能帮助人们非常基本的想法如何创建幻灯片菜单。谢谢大家。

最好的问候，

猿

如何滑动垂直菜单jQuery？

3 个答案: