title: Specifying multiple cancel options on jquery draggable elements
body: <p><img src="https://i.stack.imgur.com/Bo6yu.png" alt="title=&#39;element sample&#39;"></p>
  
  <p>As shown from the diagram above, I only want to allow users to drag the element when they click on the region indicate as "Allow dragging" all other regions do not allow dragging indicated by "disable dragging". The following is the code that i currently have. It works fine only that I am unable to pass more than one selectors to the cancel option. I have tried passing an object and space separated sector but it won't work. What am i doing wrong? Please help.</p>
  
  <pre><code>    $(".e-note").draggable({
          stop: function(e, ui) {
              // alert(ui.position['top']);
          },
          cursor: 'move',
          opacity: 0.4,
          cancel: '.e-note-body', // How do i pass more than one selectors here?
          distance:20
      })
  </code></pre>