title: How to prevent div.click event when another element clicked
body: <p>I want to prevent click event but <code>e.stopPropagation()</code> doesn't work.</p>
  
  <p>I'm trying to write something like Jtable . I use div as pagination buttons(1) and another element is delete button. </p>
  
  <p>I need to disable pagination buttons when delete confirmation box is popping up . After click del or cancel  "I want my pagination buttons work again".
  Is there any solution? 
  <img src="https://i.stack.imgur.com/PWckh.png" alt="enter image description here"></p>
  
  <pre><code>function deleteit() {
    $(".del").click(function() {
      $(".divbutton").click(function(e) {
      alert(1);   
      e.stopPropagation(); 
    });
  }
  
  $(".deletebtn").click(function() {
    deleteit();
  });
  
  $(".divbutton").click(function() { // I want to prevent this from click
    //ajax send and display data
  });
  </code></pre>
  
  <p>I know that I should use input  disabled instead of div, but I need to use div.
  edit:add image to make it understandable.</p>