JQuery赢得'；Ajax调用后无法工作

为什么我的JQuery只在我的无限卷轴的第一页上工作？我正在使用.on（）方法…这不应该发生在.on（）上吗

下面是我在custom.js中的JQuery：

$(document).ready(function(){
  $(document).on('click', '.article_description', function() {  
     $('.article_description').toggleClass("article_description article_description_full");
  }); 
});  

和我的HTML：

<div class="article_well_main" >
  <div class="row">
    <div class="photo_well col-lg-5 col-md-5 col-sm-12"> 
        <img src="<%=asset_path "#{article.image}">
    </div>

  <div class="col-lg-7 col-md-7 col-sm-12" >
    <h4 class="article_title"><%= link_to article.title, "#{article.location}", :target => "_blank"%></h4> 

    <p class="article_description"><%= article.description.html_safe%></p> 
    <div class="row">
       <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
         <p class="article_location" style="font-size:10px"><%= article.date_published %>  &nbsp|&nbsp <%= link_to article.source, "http://www.#{article.source}", :target => "_blank"%> </p>
       </div>

       <div class ="article-notes col-lg-4 col-md-4 col-sm-4 col-xs-4">
         <%=article.notes%>
       </div>
     </div>
    </div>
  </div>
</div>

“_blank”%>

空白%>

---

请使用绑定方法，而不要使用on方法

请尝试以下代码

$（document）.bind（'click'，'.article_description'，function（）{
$（'.article\u description'）.toggleClass（“article\u description-article\u description-full”）；
}); 这里有一个工作示例，请运行下面的代码片段


$（文档）.on（'click'，'article_description'，function（）{
$（this.toggleClass（“文章描述\完整”）；
});
var lastScrollTop=0；
$（窗口）。滚动（功能（事件）{
var st=$（this.scrollTop（）；
控制台日志（st）；
如果（st>lastScrollTop）{
//向下滚动代码
如果（（数学四舍五入（st/100）*100）%800==0）{
$（“#包装器”）.addClass（“微调器”）；
//2秒后插入克隆文章\u well\u main
setTimeout（函数（）{
var-that=$（“.article\u well\u main:first”）.clone（false）；
that.insertAfter（“.article\u well\u main:last”）.find（“.article\u description”）
.removeClass（“文章描述完整”）；
那。隐藏（）。法代因（）；
$（“#包装器”）.removeClass（“微调器”）；
}, 2000);	
}
}否则{
//upscroll码
}
lastScrollTop=st；
});
。文章描述{
边框：1px纯红；
背景色：#DDD；
光标：指针；
}
.文章描述。文章描述完整{
最小高度：100px；
}
斯宾纳先生{
背景：url（“https://i1.wp.com/cdnjs.cloudflare.com/ajax/libs/galleriffic/2.0.1/css/loader.gif）无重复的底部中心；
}
.容器液体{
最小高度：800px；
垫底：800px；
}
@仅介质屏幕和（最小宽度：768px）{
.容器液体{
最小高度：1200px；
垫底：1200px；
}
}

“_blank”%>


如果您在控制台中键入，我确信jQuery工作正常。您可能在告诉您的无止境滚动插件在加载jQuery或类似的东西之前进行初始化。您是否尝试过将代码放在AJAX调用的“完成”部分之后？在第一次调用中，您的切换将删除类
文章描述
，并添加
文章描述
。因此，
article\u description
上的选择器不再工作。谢谢！修正了这个问题，现在可以工作了。