在Drupal 7中执行$(window).load()和$(window).resize()
Executing $(window).load() and $(window).resize() in Drupal 7
我试图在drupal7中调整页面加载和窗口大小的几个div。
主题信息
name = Theme
description = The Theme
core = 7.x
stylesheets[all][] = css/style.css
scripts[] = js/scripts.js
(the rest)
scripts.js
$(window).load(function() {
getViewport();
});
$(window).resize(function() {
getViewport();
});
function getViewport() {
alert('function hit');
var viewportwidth;
var viewportheight;
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
viewportheight = window.innerHeight || document.documentElement.clientHeight || document.body.clientWidth;
}
document.getElementById("content").style.height = (window.innerHeight - 150) + 'px';
document.getElementById('sidebar-first').style.height = (window.innerHeight - 50) + 'px';
}
但既没有加载、调整大小,也没有函数或被击中。我确信这是我对在drupal中使用这一点的无知,但我似乎找不到答案。
我甚至尝试在信息文件中包含我自己的jquery库,但没有成功。
感谢
此代码不需要jQuery即可工作,只需创建一些事件侦听器并终止$(window)
方法链即可。
window.addEventListener('load', function() { getViewport() });
window.addEventListener('resize', function() { getViewport() });
注:
如果需要的目标小于IE9,则需要规范化addEventListener()
。类似于:
if ( window.addEventListener ) {
// Modern browsers
window.addEventListener('load', function() { getViewport() });
window.addEventListener('resize', function() { getViewport() });
} else
// Browsers that need to die
window.attachEvent('onLoad', function() { getViewport() });
window.attachEvent('onResize', function() { getViewport() });
}
相关文章:
- google.maps.event.addDomListener(window, 'load', fun
- Turbolinks等效于window.load的事件
- 确定window.load函数的优先级
- 为什么我不能将未定义分配给 window.load
- window.load上单独的javascript文件中的引用函数
- jquery window.load()函数赢得't在ios5上触发
- document.ready 即使加载了 window.load 也会运行
- JS不起作用,即使在使用window.load之后也是如此
- Safari,Chrome在页面加载之前在window.load中运行代码
- 有window.load'会有问题吗;在'一份文件.准备
- jQuery window.load没有't修改使用其他javascript创建的dom元素
- 如果页面有重定向,window.load将不起作用
- Jquery window.load函数和Ajax调用
- 有可能延迟window.load吗
- 使用 document.ready vs window.load 来加载延迟的内容
- $(window).load(function())在完全加载文档后执行失败
- 嵌套$(document).ready()和$(window).load()事件的区别
- 如何在window.load上调用外部javascript
- 为什么window.load()在firefox中工作,但在chrome中不工作
- 为什么window.load不是'当请求来自页面外部时,它不起作用,但在其他情况下它起作用