Dived the parent categories into dropdowns

Anonymous

#36974

Hello,

I want to dived the parent categories into dropdowns containing the child categories. My idea is to remove or overwrite the filtering function of the parent category. Add my own function to open/close the dropdown with the child categories.

I’ve already tried to overwrite the function on the parent categorie with:

$('.sf-level-0 > .sf-label-checkbox').click(function(event) {

  event.preventDefault();

});

However when the content reloads the .click function is not attached anymore. What is the best option to solve this? any ideas?

Kris

Anonymous

#36975

I solved it now by adding a overwrite function:

overwriteClick(); // on init

$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
  console.log("RELOADED");

  overwriteClick(); // when the content reloads with ajax
});

function overwriteClick() {
  $('.sf-level-0 > .sf-label-checkbox').click(function(event) {

    event.preventDefault(); // Disabling default behavior

    console.log("block");
  });
}

Ross Moderator

#37005

Yup or you could do:

$(document).on("click", ".sf-level-0 > .sf-label-checkbox", function(){

  console.log("This will always fire - even on elements that have been dynamically added");

});

Thanks

[Author]

Posts