父网站破坏了iframed网站上的设计

时间:2019-05-02 10:28:26

标签: javascript html css wordpress iframe

我刚刚制作了一份传单地图,使用自举程序设计了地图弹出窗口,当我在wordpress网站中对地图进行框架设置时,地图弹出窗口中断了。我发现它是因为我的Wordpress使用了较旧的引导程序版本,这与我的地图设计有何冲突。 我认为破坏弹出式设计的是我的wordpress page.php文件中的这个元素

<div class="col-lg-8 col-md-12">

因为如果删除它,则地图可以正常工作,但wordpress页面样式已损坏。

我的iframe代码:

<iframe src="link to map" width="100%" height="680" frameborder="0"></iframe>

这是弹出窗口上的样式。对不起,我知道它很乱,因为我在javascript文件中使用了它。 + a [5] +是javascript数组变量。

<div class='cont'>
  <div class='row'>
    <div class='col-7'>
      <div class='text-center'>
        <h5 class='card-title text-center'>"+a[2]+"</h5>
        <p class='card-text'>"+a[4]+"</p>
      </div>
      <br />
      <div class='adrese'>
        <img src='https://cdn3.iconfinder.com/data/icons/map-markers-1/512/residence-512.png' width='20'>
        <span class='glyphicon glyphicon-envelope card-text font-weight-bold'>"+a[7]+"    &nbsp </span>
        <img src='https://cdn2.iconfinder.com/data/icons/picons-basic-1/57/basic1-011_calendar-512.png' width='20'>
        <span class='glyphicon glyphicon-envelope card-text font-weight-bold'>"+a[8]+"</span>
      </div> 
    </div>
    <div class='col-md-5 float-right'>
      <div class='atstarpe'>
         <a href='./images/"+a[5]+".JPG' target='_blank'>
           <img class='d-block ' width='130' height='87' src='./images/"+a[5]+".JPG' alt='Pirmais slaids'>
         </a>  
      </div>
      <div class='atstarpe'>
        <a href='./images/"+a[6]+".JPG' target='_blank'>
          <img class='d-block'  width='130' 'height='87' src='./images/"+a[6]+".JPG' alt='Pirmais slaids'>
        </a>
      </div>
    </div>
  </div>
</div>

我的地图弹出窗口(非iframed) Not iframed map

在Wordpress中格式化时弹出地图 Iframed map

0 个答案:

没有答案