如何使縮放器可拖動？

如果你看一下這個演示的大小調整可以拖動：http://layout.jquery-dev.net/demos/simple.html 如何使縮放器可拖動？

<head> 
    <title>Summation</title> 
    <script src="jquery-latest.js"></script> 
    <script src="jquery.layout-latest.js"></script> 
    <script src="rotaercz.layout.js"></script> 
    <script> 
     $(document).ready(function() { 
      $('body').layout({ 
       applyDefaultStyles: true 
      }); 

      $('#inner').layout({ 
       applyDefaultStyles: true 
      }); 
     }); 
    </script> 
</head> 

<body> 
    <div class="ui-layout-north">North</div> 
    <div class="ui-layout-center" id="inner"> 
     <div class="ui-layout-center">Inner Center</div> 
     <div class="ui-layout-south">Inner South</div> 
    </div> 
    <div class="ui-layout-west">West</div> 
</body>

這是我目前有：http://jsfiddle.net/JPEaa/1/

我怎樣才能讓大小調整拖動就像在演示？我似乎無法弄清楚。它可以在jsfiddle中拖動，但在谷歌瀏覽器中似乎不起作用。

我有一個第二個問題，我該如何使內中心和內南0的邊距？我嘗試了margin：0px 0px 0px 0px，但它似乎沒有做任何事情。

來源

2013-07-22 rotaercz

你忘了在你的小提琴中包括jQuery UI。檢查[此框]（http://i.stack.imgur.com/agzbi.png）。 – Antony

謝謝，更新。任何想法如何使resizer可拖動？ – rotaercz

@ rotaercz爲什麼你想讓Inner Center和Inner South的邊距爲零？ – Praveen

我想通了。我只是沒有以下行...

<script type="text/javascript" src="jquery-ui-1.10.3.js"></script>

來源

2013-07-22 04:17:16 rotaercz

如何使縮放器可拖動？

回答

相關問題