jquery off not working
<p>I can't unbind event use off.  </p>

<p>I was trying to bind <code>click</code> event, then bind <code>mouseleave</code> event and callback unbind <code>click</code>, but not working.<br>
<code>el</code> is dom create and append by script that's why I use <code>document.on... el</code></p>

<p>so I tried below include commented code for test not working too.... do I miss understand something? </p>

<p>jquery-1.11.1.min.js</p>

<p><a href="https://jsfiddle.net/70t6jtns/" rel="nofollow noreferrer">https://jsfiddle.net/70t6jtns/</a></p>

<pre><code>var el = $('div')
$(document).on('click', el, function() {
  console.log('oncli')
});
//$(document).on('mouseleave', el, function() {
  //$(document).off('click', el, function() {
    //console.log('offcli')
  //});
  //$(document).off('click', el);
  el.off('click');
//});
</code></pre>