Question

我有2个嵌套的div，我想要＆＃34; maps＆＃34;可调整大小，但是代码在各种各样的堆栈上看起来似乎并不适合我。任何可能的想法，为什么我看不到＆＃34; n＆＃34;处理扩大到父母的70％？继承我的fiddle:

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>

JS

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

Answer 1

你可以尝试这个：

$(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

可调整大小的jquery，地图不起作用

1 个答案: