如何在 AJAX 加载时向元素添加 class

Question

我在使用 jquery 插件和由 Ajax 加载的内容时遇到问题。我得到了以下示例，但不知道如何更改我的代码，因为它有多个功能，如 addClass、查找和单击。

在此示例中，如果您单击该元素，将弹出一个警告。但这对通过 ajax 加载到 DOM.

的元素不起作用

jQuery( document ).ready( function(){
  jQuery( 'p' ).click( function(){ alert( 'hello' ); });
});

你需要像

这样的东西

jQuery( document ).ready( function(){
  jQuery( 'body' ).on( 'click', 'p', function(){ alert( 'hello' ); });
});

如果我有这条线：

jQuery('.omsc-accordion .omsc-toggle')
  .addClass('omsc-in-accordion')
  .find('.omsc-toggle-title')
  .click(function(){

我该如何改变它？

Answer 1

添加代码后调用您的线路，即：

$.ajax({
  type: "POST",
  url: "/my-action",
  success: function(response) {
    $("body").append(response);

    $('.omsc-accordion .omsc-toggle')
        .addClass('omsc-in-accordion')
        .find('.omsc-toggle-title')
        .click(function(){
           ...
        });

  }  
});

但对我来说，在 addClass 之后处理某些东西没有意义..无论如何..它可以工作:)

如何在 AJAX 加载时向元素添加 class

How to add a class to element when it is loaded by AJAX

jquery

ajax

accordion

addclass