当前位置: 首页 > 知识库问答 >
问题:

Twitter引导程序,传单,标签中的地图大小问题

端木权
2023-03-14
<div class="bs-docs-example">
        <ul id="myTab" class="nav nav-tabs">
          <li class="active"><a href="#home" data-toggle="tab" id="map1">Map</a></li>
          <li><a href="#profile" data-toggle="tab">Help</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#dropdown1" data-toggle="tab">User Preferences</a></li>
              <li><a href="#dropdown2" data-toggle="tab">Setup</a></li>
            </ul>
          </li>
        </ul>
        <div id="myTabContent" class="tab-content">
          <div class="tab-pane fade in active" id="home">
          </div>
          <div class="tab-pane fade" id="profile">
            <p>Test Help</p>
          </div>
          <div class="tab-pane fade" id="dropdown1">
            <p>Test Dropdown1</p>
          </div>
          <div class="tab-pane fade" id="dropdown2">
            <p>Test Dropdown2</p>
          </div>
        </div>
</div>

然后我将地图加载到第一个选项卡中。

<script>
    $('#home').load('https://dl.dropbox.com/u/3988632/Site/maptest.html');        
</script>

如果我尝试将css文件中的高度设置为height:100%;但是保存地图的容器的高度为0px。

我尝试了这个jquery脚本将映射div调整为包含div,但没有成功。

//Initial load of page

$(document).就绪(sizeContent);

//每次调整窗口的大小$(window).resize(sizeContent);

//动态分配高度函数sizeContent(){var newHeight=$(“#container”).height()/*-$(“#header”).height()-$(“#footer”).height()+“px”*/;$(“#map”).css(“height”,newHeight);}

如有任何帮助,不胜感激。

共有1个答案

蒲曦
2023-03-14

据我所知,由于安全原因,我们不能通过ajax加载其他网站内容…另一个stackoverflow问题可能会帮助您。无法将带有JQuery.load的外部页加载到我的页中的div中

 类似资料:
  • 我对C#背景的Java很陌生。我正在按照本教程向我的项目添加一个图像并在标签中显示。在C#中,我们使用Picture-box并设置image属性,在C#中,我还可以在设计时通过调整Picture-box的大小来调整Picture-box中的图像。 我已经按照教程将图像添加到一个标签,但现在的问题是图像相当大,我想重新调整大小。我试过调整标签的大小,但我的图像没有压缩或重新调整大小。 我该怎么做才能

  • 问题内容: 我正在尝试创建一个响应式的图像网格(带有描述),当将鼠标悬停在该网格上时,它将具有颜色叠加层(仅图像而不是文本)。由于图像的响应高度,我遇到了一个问题,即覆盖层覆盖了所有内容,而不仅仅是图像。 有什么办法可以解决这个问题? 为了方便理解,我在这里重新创建了该问题:http : //jsfiddle.net/r8rFc/ 这是我的HTML: 而我的CSS: 提前致谢! 问题答案: 向包含

  • 我得到了以下css规则 我希望有

  • 本文向大家介绍微信小程序 标签传入数据,包括了微信小程序 标签传入数据的使用技巧和注意事项,需要的朋友参考一下 微信小程序 <swiper-item>标签传入数据 在<swiper-item>中用for循环传入多个成对不同数据时的实现方法。 看下效果图: 遍历实现方法:wxss省略: wxml中代码: 相对应js里面的代码: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 我试图获得全宽登录表单。基本上,用户名、密码和按钮的输入字段都应该是相同的长度。现在我可以很容易地使用跨度来获得这个,问题是当我在用户名和密码上有一个“前置”的图标时,输入字段会延伸到跨度(如果我将输入块级别应用到输入)和按钮跨度只到外部跨度变短(如果我尝试btn-block)。如何让所有元素只拉伸到包含的跨度宽度? 这是我的小提琴。 http://jsfiddle.net/sujesharuki

  • 我正在使用Bootstrap 3选项卡进行页面布局,并Chart.js为项目创建甜甜圈图。 但是,当更改为带有图表的选项卡时,图表不会加载。有时,当您开始在谷歌浏览器中检查元素时,它们会加载。它们似乎只有在第一个可见选项卡上加载时才会呈现。 chrome控制台中的chart.js javascript有一个已知错误: 未捕获的IndexSizeError:无法对“CanvasRenderingCo