I want hx-get to be fire when is-active added into modalField element.

[rajasimon]

  <div x-bind:class="modalOpen ? 'modal is-active' : 'modal'" id="modalField">
    <div class="modal-background" x-on:click="modalOpen = ! modalOpen"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <p class="modal-card-title">Change Field</p>
        <button class="delete" aria-label="close"></button>
      </header>
      <section class="modal-card-body" hx-get="/example">
      </section>
      <footer class="modal-card-foot">
        <button class="button is-success">Save changes</button>
        <button class="button">Cancel</button>
      </footer>
    </div>
  </div>

[andryyy]

There are multiple ways to archive this like hooking to the event that actually opens the modal.

You can also try to add hx-trigger="revealed" to the HTMX element or the most upper parent of it (the modal wrapper).

[rajasimon]

Thanks but I only want to call that URL when model is opened. Not before because the URL will be dynamic and I have not added into it yet. Now I am just figuring out that is possible or not.