Question

我在WordPress中有一个非常简单的页面，它在WordPress框架之外工作正常，但是一旦我将它集成到WordPress主题中，它就会拒绝重新调整元素的大小。函数的其余部分执行OK，但忽略调整大小。

让Javascript在WordPress主题中运行有什么特别之处吗？

function play_vid(vid,xSrc,xWidth,xHeight,xTitle){
  var myVideo = document.getElementById(vid); 
    myVideo.src=xSrc;
    myVideo.style.width=xWidth;
    myVideo.style.height=xHeight;

  var myVideoPlate = document.getElementById('video_plate'); 
  myVideoPlate.style.width=xWidth+40;
  myVideoPlate.style.height=xHeight+60;

  var myVideoTitle = document.getElementById('video_title'); 
  myVideoTitle.innerHTML=xTitle;
  myVideoTitle.style.height=xHeight+60;


    var myElement = document.getElementById("video_plane"); 
    myElement.style.minHeight="100%";
    myElement.style.visibility="visible";
  document.body.style.overflow="hidden";
  myVideo.play(); 
}

Answer 1

样式属性必须是有效的css字符串，这意味着你不能只使用你必须添加的数字，你缺少@height和@width。只需添加+＆＃34; px＆＃34;

myVideoTitle.style.height=(xHeight+60)+"px";

通过WordPress中的Javascript动态调整大小

1 个答案: