0

我有以下代码获取正文height并将其写入显示为 a 的 div，table-cell因此内容可以垂直居中于resize. 我已经对此进行了测试，并且效果很好。

$( window).resize(function() {
    bodyHeight = $('body').outerHeight();
    console.log('bodyHeight =' + bodyHeight);
    $('.table-cell').css('height', bodyHeight +'px');
});

现在，如果我尝试使用下面的代码将其放入 Drupal。它不起作用。之所以调用 jQuery，是因为我可以在 Drupal 中运行脚本，但在我指定在resize.

jQuery(window).resize(function($) {
    bodyHeight = $('body').outerHeight();
    console.log('bodyHeight =' + bodyHeight);
    $('.table-cell').css('height', bodyHeight +'px');
});
4

1 回答 1

3

方法中的第一个参数resize是event对象，它不是jQuery. 

jQuery(window).resize(function(e) {
    bodyHeight = $('body').outerHeight();
    console.log('bodyHeight =' + bodyHeight);
    $('.table-cell').height(bodyHeight);
});

您也可以只使用.height()方法而不是.css()方法。

如果您担心$变量冲突，请将其全部包含在以下内容中：

jQuery(function($){
 // Your window resize here.
 // $ will reference jQuery within this scope
});
于 2013-09-25T04:27:17.947 回答