SlideToggle在使用.load(ajax)后无法正常工作

Question

我正在尝试自定义灯箱效果，发现它非常复杂。这种体验越来越精细，但我发现，一旦我加载模式窗口（联系人）并删除它，所有滑动切换实例都将无法正常工作。

这是代码：（不确定这是否真的有帮助）

$('.viewinfo').on( 'click', function(e){
        e.preventDefault();
        $(this).parent('.project').find('.project-info').slideToggle(1500, 'easeOutCubic');
        $(this).toggleClass('closeinfo');
    });
$('#icon-mobile-menu').on('click', function(){
        $('#mobile-nav ul').slideToggle(1500);
    });

我还是jquery的新手，所以有很多我不明白的地方。。。非常感谢任何帮助

查看站点

Answer 1

试着改为这个（可能是委托点击事件）：

摆脱宽松效应，看看这是否会导致问题暂时消失：

$('body').on( 'click', '.viewinfo', function(e){
        e.preventDefault();
        $(this).parent('.project').find('.project-info').slideToggle(1500);
        $(this).toggleClass('closeinfo');
    });
$('body').on('click', '#icon-mobile-menu', function(){
        $('#mobile-nav ul').slideToggle(1500);
    });

从技术上讲，应该为元素使用常量的直接父级，而不是body，但body也可以。

希望我能正确理解你。如果这有任何帮助，请告诉我。。。