Блог

При перетаскивании div в muuri.js в пользовательском интерфейсе jQuery div получает класс «перетаскивания». Как я могу запретить прослушивателю событий запускать функцию createHTML(); во время перетаскивания и после освобождения div? Я хочу, чтобы щелчок запускал функцию только после быстрого щелчка, но не запускался при удержании и перетаскивании.

 var loadContentButton = document.getElementById("load-content-button-<?php echo get_the_ID(); ?>");
var loadContentContainer = document.getElementById("content-pop-up");
var loadContentContainerWrap = document.getElementById("pop-up");

if (loadContentButton) {
  loadContentButton.addEventListener("click", function() {
  var ourRequest = new XMLHttpRequest();
  ourRequest.open('GET', 'http://example.com/wp-json/wp/v2/posts/<?php echo get_the_ID(); ?>');
  ourRequest.onload = function() {

  if (ourRequest.status >= 200 amp;amp; ourRequest.status < 400) {
     var data = JSON.parse(ourRequest.responseText);
     console.log(data);
     createHTML(data);
     loadContentContainerWrap.classList.add("active-pop-up-main");

  } else {
   console.log("We connected to the server, but it returned an error.");
  }
};

ourRequest.onerror = function() {
console.log("Connection error");
};

ourRequest.send();
  });
}

function createHTML(postsData) {
var ourHTMLString = '';
  ourHTMLString  = '<h2>'   postsData.title.rendered   '</h2>';
  ourHTMLString  = postsData.content.rendered;
  loadContentContainer.innerHTML = ourHTMLString;
}