Question

我试图在联系页面上制作地图显示全视图端口宽度。我使用7主题，我的页面内容是用HTML Bootstrap和jQuery编写的（特别是我使用JADE和SASS，但我确定这是无关紧要的）。我的JavaScript正常排队并验证了控制台日志。这个脚本在＆＃34; vanilla＆＃34;中运行没问题。环境。

所以我做了一个计算，将iFrame谷歌地图的负边距设置为容器与视口宽度之差

这是我的JavaScript：

jQuery(document).ready(function( $ ) {

  var $map = $("#map");
  var $mapWrap = $(".map-container");
  var margin = 0;

  margin = -.5 * ($(window).width() - $mapWrap.width());
  console.log($mapWrap.width());
  console.log($(window).width());
  console.log(margin);
  $map.css("margin", "0 " + margin);
  $(window).resize(function(){
    margin = -.5 * ($(window).width() - $mapWrap.width());
    $map.css("margin", "0 " + margin);    
  })
});

控制台：

1140

1904

-382

在WordPress之外，这就像一个魅力，并且使用过类似的东西。在检查html页面时，jQuery通常会在html元素中添加样式内联属性，但在WordPress环境中，添加的唯一内联样式是style="border: 0"。

作为测试，我甚至尝试addClass("randomClass")，但它不会添加所述课程。我已经开始相信这是一个许可问题，但我已经用尽了所有关于这个主题的知识，并且受到了优秀人员的支配。如果我能弄明白这一点，就必须在他们的联系页面上使用非全角地图，而这只是可怕的。

jQuery没有使用WordPress中的.css（）更新内联样式

0 个答案: