Jquery 使用.load（ajax）后，SlideToggle无法正常工作

我正在试验一种定制的灯箱效果，我发现它相当复杂。体验越来越精细，但我发现一旦加载模式窗口（contact）并将其删除，所有slideToggle实例都不再正常工作

代码如下：（不确定这是否真的有用）

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

---

尝试将其改为此（可能是委派的单击事件）：

消除缓解效应，看看这是否会导致问题暂时消失：

$('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

也可以使用

---

希望我对你的理解是正确的。让我知道这是否有任何帮助…

尝试将其改为此（可能是委托的单击事件）：

消除缓解效应，看看这是否会导致问题暂时消失：

$('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

也可以使用

---

希望我对你的理解是正确的。让我知道这是否有帮助…

可能两者都需要是

$（'body'）

删除模式窗口（contact）后，元素是否仍存在于HTML中，这些元素是否仍存在于DOM中：

.viewinfo

和/或

#icon mobile menu

？您可以在删除模式窗口后检查网页，查看它们是否仍然存在。是的，它们确实存在。您可以通过上面的链接自己查看。。。我在这个页面上做了很多工作，所以我开始发现冲突。在删除联系人模式窗口后，该页面上出现了一个错误，它说：

Uncaught exception:TypeError:“st.easing[this.easing]”不是一个函数

，而是分配给该按钮的

click

事件，但这与我发布的代码无关。这是另一个完全不同的东西。事实上，我相信这与单击事件的

滑动切换中的
'easeOutCubic'
调用有关。尝试删除，它可能会工作！我发现每次加载模式时，都会向html标记中添加一些类。这些课程似乎每次都要重复。我想知道这是否是问题所在。。。我试着注释生成这些类的Modernizer脚本，但它们仍然显示出来。可能两者都需要
$（'body'）
删除模式窗口（contact）后，HTML中的元素是否仍然存在，DOM中是否仍然存在这些元素：
.viewinfo
和/或
#icon mobile menu
？您可以在删除模式窗口后检查网页，查看它们是否仍然存在。是的，它们确实存在。您可以通过上面的链接自己查看。。。我在这个页面上做了很多工作，所以我开始发现冲突。在删除联系人模式窗口后，该页面上出现了一个错误，它说：
Uncaught exception:TypeError:“st.easing[this.easing]”不是一个函数
，而是分配给该按钮的
click
事件，但这与我发布的代码无关。这是另一个完全不同的东西。事实上，我相信这与单击事件的
滑动切换中的
'easeOutCubic'
调用有关。尝试删除，它可能会工作！我发现每次加载模式时，都会向html标记中添加一些类。这些课程似乎每次都要重复。我想知道这是否是问题所在。。。我试着对生成这些类的Modernizer脚本进行注释，但它们仍然出现了。