js_event_wpv_parametric_search_results_updated not applied

Ce fil est résolu. Voici une description du problème et la solution proposée.

Problem: I am trying to initialize the select2.js library on my custom search filters but I see an error in the console:

select2.min.js - Uncaught Error: No select2/compat/inputData

Solution:
Be sure to initialize select2 only on select fields. In this case, a checkbox field was included in the jQuery selector, resulting in an error.

This support ticket is created Il y a 4 années et 6 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Marqué : Views plugin

Ce sujet contient 2 réponses, a 2 voix.

Dernière mise à jour par romanB-3 Il y a 4 années et 6 mois.

Assisté par: Christian Cox.

Auteur

Publications

août 18, 2020 at 8:46 am #1742963

romanB-3

Hi,
I have 2 selects on a view:
1- a select based on a taxonomy;
2- a select based on a radio buttons backend field.
I also have a JS code

jQuery( function( $ ) {
  $(".js-wpv-filter-trigger").select2({
    placeholder: "Cliquer pour choisir"
  });
} );

jQuery( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
  jQuery( function( $ ) {
    $(".js-wpv-filter-trigger").select2({
      placeholder: "Cliquer pour choisir"
    });
  } );
});

meant to apply select2 design on both fields.
When loading my page lien caché, it displays great, but still have a console error.
When editing any of the search field, I lost the select2 design and have another console error.
Thank you.

août 18, 2020 at 8:27 pm #1743505

Christian Cox

Screen Shot 2020-08-18 at 4.20.07 PM.png

I think the error is occurring because your code is attempting to initialize select2 on a checkbox filter input. The checkbox filter also has the class js-wpv-filter-trigger. The .js-wpv-filter-trigger selector here must be adjusted so that checkboxes are not included in the selector:

$(".js-wpv-filter-trigger").select2({
    placeholder: "Cliquer pour choisir"
  });

See the screenshot - the checkbox has the CSS class used in your select2 selector. Your code should only attempt to initialize select2 on select fields, not checkbox inputs.

août 18, 2020 at 9:05 pm #1743557

romanB-3

Thank you!