Javascript 如何更改meteor应用程序中的框高度

Javascript 如何更改meteor应用程序中的框高度,javascript,jquery,html,css,meteor,Javascript,Jquery,Html,Css,Meteor,在我的meteor应用程序中,当我点击我的按钮时,它会使我的div.box模式和全宽,但不是全屏。我想要的高度也是全高。 我的代码如下所示: 'click .expand-link': function (event, template) { console.log('.expand-link') event.preventDefault(); var button = $(event.target); var box =

在我的meteor应用程序中,当我点击我的按钮时,它会使我的
div.box
模式和全宽,但不是全屏。我想要的高度也是全高。 我的代码如下所示:

'click .expand-link': function (event, template) {
         console.log('.expand-link')
         event.preventDefault();

         var button = $(event.target);
         var box = button.closest('div.box'); //        var box = $(this).closest('div.box'); //        var button = $(this).find('i');
         var content = box.find('div.box-content');

         button.toggleClass('fa-expand').toggleClass('fa-compress');
         box.toggleClass('expanded');
         $(document.body).toggleClass('body-expanded');
         var timeout = 0;
         if ($(document.body).hasClass('body-expanded')) {
             timeout = 100;
         }
         setTimeout(function () {
             box.toggleClass('expanded-padding');
         }, timeout);
         setTimeout(function () {
             box.resize();
             box.find('[id^=map-]').resize();
         }, timeout + 50);
我搜索了CSS文件,但找不到“扩展”类。当它具有“扩展”类时,如何更改高度?

只需在CSS中为“扩展”创建类即可

.expanded {
 height: ...;
 /* Properties ... */
}

我认为应该已经存在一个“扩展”类,因为代码使用它。问题是我不知道它的定义在哪里。通常它应该在CSS文件中,但可能在meteor应用程序中有一些不同的东西?你和Metore一起使用的是什么软件包?当我查看软件包文件夹下的“orionjs_bootstrap”和“rzymek_fullcalendar”文件夹时,我看到meteor只是一个MV*框架,没有前端,所以我不相信这些风格来自这里。它很可能来自oriomjs_引导css或fullcallender css。我找到了css文件。但是已经存在“高度:%100”属性。但它不起作用。看起来像这样。展开的{overflow-y:滚动;边框:0;z索引:3000!重要;位置:固定;宽度:100%;高度:100%;顶部:0;左侧:0;填充:0px;背景:rgba(0,0,0,0.2);-webkit转换:0.2s;-moz转换:0.2s;-o转换:0.2s;转换:0.2s;}