如何更改我的流星应用程序中的框高度

时间:2016-05-04 14:56:04

标签: javascript jquery html css 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文件,但找不到课程'扩展'。如何扩展'上课?

1 个答案:

答案 0 :(得分:1)

只需为"扩展"在CSS ??

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