topic Re: Using jQuery to watch for an on click event for the popup pagination in ArcGIS JavaScript Maps SDK Questions

Using jQuery to watch for an on click event for the popup pagination

JayHill — Sun, 12 Dec 2021 03:23:52 GMT

Doesn't seem to be working.

I am trying to watch the esri-popup__pagination-next class.

This the code I've tried. Is there a better way to do this?

$( ".esri-popup__pagination-next" ).on( "click", function(e) {

query(".esri-popup__pagination-next").on("click", function(e) {‍‍‍‍‍‍

Re: Using jQuery to watch for an on click event for the popup pagination

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:23:55 GMT

Jay,

Your issue is that the popup next button is not part of the dom when you execute that code so the query returns a null pointer. You need to ensure the object exists in the dom first.

      watchUtils.whenOnce(view.popup, "visible", function(){
        query(".esri-popup__button.esri-popup__pagination-next").on("click", function(e) {
          console.info(e);
        });
      });‍‍‍‍‍

Re: Using jQuery to watch for an on click event for the popup pagination

JayHill — Tue, 15 Jan 2019 16:14:16 GMT

Thanks Robert!

It is now working, although only for the previous button, not the next button. It also fires when you click on the numbers. I have it querying ".esri-popup__button"

I have tried quite a few combinations of classes and elements. I think.

Any idea why it wouldn't fire on the next button?

Re: Using jQuery to watch for an on click event for the popup pagination

JayHill — Tue, 15 Jan 2019 16:34:11 GMT

.esri-popup__navigation worked!