title: jQuery Sortable in iFrame
body: <p>I have an iFrame with jQuery sortable content. All codes are done and work but when I draging an item to change it, Mouse cannot work and pause until move to out of iFrame, Now the item is on dragging state.</p>
  
  <p>How can i solve this? I think this problem is with mouse event on iFrame.</p>
  
  <p>JS:</p>
  
  <pre><code>     var d = function (a, b) {
          b.children().each(function () {
              $(this).width($(this).width());
          });
          return b;
      };
  
  $($("#frame").contents().find('body')).find("#DragAndDrop tbody").sortable({
              helper: d,
              revert: "invalid",
              cursor: "move",
              opacity: 0.7,
              containment: "parent",
              items: "tr.DragAndDrop",
              dropOnEmpty: false,
              start: function(e, ui){
                  ui.placeholder.height(ui.item.height());
              }
          }).disableSelection();
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;iframe src="./theme.html" id="frame" style="width: 100%; height: 1020px; " frameborder='0'&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The content of sortable is Table with DragAndDrop id. All tr with class DragAndDrop should sort with jquery sortable.</p>
  
  <p><strong>Update:</strong></p>
  
  <p>This is the simple demo for iframe. Just help me for do sortable the contents of iFrame. I just want to khow how you do this. <a href="http://jsfiddle.net/saeedhbi/vRbM5/2/" rel="nofollow noreferrer">http://jsfiddle.net/saeedhbi/vRbM5/2/</a></p>
  
  <p><strong>Update 2:</strong></p>
  
  <p>Problem is solved. You can find solution at this: <a href="https://stackoverflow.com/questions/9369708/creating-a-jquery-ui-sortable-in-an-iframe">Creating a jQuery UI sortable in an iframe</a></p>