可調整大小的jQuery與地圖不工作

我有2個嵌套divs，我想「地圖」是可調整大小，但代碼似乎並不適用於我在這裏看到各種各樣的堆棧。任何可能的想法，爲什麼我不能看到「n」把手擴大到70％的父母？我的繼承人fiddle:可調整大小的jQuery與地圖不工作

HTML

<div class="content" id="wrapper"> 
<div class="search-div" id="search"> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    <h4>Heading</h4> 
    </div> 
<div class="maps" id="maps"> 
</div>

$("#maps").resizable({ 
    handles: "n", 
    maxHeight: "70%", 
    minHeight: "30%" 
});

來源

2016-07-13 Brad Walls

什麼是'N'他處理：「n」'部分？ –

北方把手@MarcosPérezGude –

你可以試試這個：在T

$(document).ready(function(){ 
var map; 
var mapOptions = { 
     zoom: 1, 
     center: new google.maps.LatLng(13.004558, 77.6017), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

map = new google.maps.Map(
     document.getElementById('map-canvas'), 
     mapOptions); 

$("#maps").css("height", "120px"); 
google.maps.event.trigger(map, "resize"); 
});

DEMO HERE

來源

2016-07-13 11:20:29

它需要調整大小，而不是觸發調整大小事件。 –

不幸的是，這不是我所期待的，我試圖通過jQuery可調整大小的UI來調整div的大小。也許這是專門針對地圖的 –

可調整大小的jQuery與地圖不工作

回答

相關問題