2017-04-04 89 views
0

請幫我用我的表格。 我在這裏有ajax表單https://dev.atdevside.com/jobs/ 在左側邊欄項目工作,如點擊過濾器,點擊後我如何將類切換到元素。用jquery添加類到ajax表格

  jQuery(document).ready(function ($) { 
 
       var container = $(".noo-main > .jobs"); 
 
       if (container.length) { 
 
        $("#filter_form").change(function (event) { 
 
         event.preventDefault(); 
 
         var $form = $("#filter_form .form-control"); 
 
         var data = $(this).serialize(); 
 
         history.pushState(null, null, "?" + $form.serialize()); 
 
         $.ajax({ 
 
           url: "<?php echo admin_url('admin-ajax.php'); ?>", 
 
           data: data 
 
          }) 
 
          .done(function (data) { 
 
           if (data !== "-1") { 
 
            $(".noo-main").html(data); 
 
            if ($('[data-paginate="loadmore"]').find(".loadmore-action").length) { 
 
             $('[data-paginate="loadmore"]').each(function() { 
 
              var $this = $(this); 
 
              $this.nooLoadmore({ 
 
               navSelector: $this.find("div.pagination"), 
 
               nextSelector: $this.find("div.pagination a.next"), 
 
               itemSelector: "article.loadmore-item", 
 
               finishedMsg: "<?php echo __('All jobs displayed', 'noo'); ?>" 
 
              }); 
 
             }); 
 
            } 
 
           } else { 
 
            location.reload(); 
 
           } 
 
          }) 
 
          .fail(function() { 
 

 
          }) 
 
        }); 
 
       } 
 
       $("#filter_form").submit(function() { 
 
        $(this).find("input[name='action']").remove(); 
 
        $(this).find("input[name='_wp_http_referer']").remove(); 
 
        $(this).find("input[name='live-search-nonce']").remove(); 
 

 
        return true; 
 
       }); 
 
      });

+0

切換類:https://api.jquery.com/toggleClass/或添加類:https://api.jquery.com/addClass/ –

回答

1

你可以試試這個。

jQuery('.filter_by').on('click', function(){ 
    jQuery(this).addClass('hello'); 
}); 
+0

感謝您的答覆。 addClass運作良好,但我需要切換課程。 – Vitaly

+0

是的,您可以使用.toggleClass()函數而不是addClass。 –

+0

但它不工作。我找到另一種方式。 ToggleClass標籤。 – Vitaly