在我的流星应用中,当我点击我的按钮时,它会使我的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文件,但找不到课程'扩展'。如何扩展'上课?
答案 0 :(得分:1)
只需为"扩展"在CSS ??
.expanded {
height: ...;
/* Properties ... */
}