前提・実現したいこと
下記のjsのコードが実行されません。エラーも出ません。
他のコードが邪魔しているそうなのですが、初学者のため、何が邪魔しているのかわかりません。
対象のHTMLへmin-heightを与えて更新した際に画面に合わせた高さになるようにしたいです。
$(function () {
var wh = $(window).innerHeight();
var sh = $(".search-panel").outerHeight();
var height = wh - sh - 100;
$(".content-area").css({ "min-height": height });
});
対象のHTMLコード
<div class="sticky_table_wrapper content-area" style="height:20px;"> <table id="data-table" class="sticky_table table data-table" style="min-width: 2800px; table-layout: fixed"> <thead> 〜 </thead> </table> </div>該当のソースコード
javascript
1<script> 2 3 $(function () { 4 var wh = $(window).innerHeight(); 5 var sh = $(".search-panel").outerHeight(); 6 var height = wh - sh - 100; 7 $(".content-area").css({ "min-height": height }); 8 }); 9 10function NyukinYoteiIchiran () { 11 var prams = ""; 12 $('#data-table tr').each(function (index, elm) { 13 if ($(elm).length && $(elm).find('input[type=checkbox]:checked').length) { 14 prams = prams + "," + $(elm).find('input[type="hidden"][id$="DemandId"]').val(); 15 } 16 }); 17 $('#PrintModal').modal('hide'); 18 19 $.ajax({ 20 url: "@Url.Action("DepositPlanOutput", "Demand")", 21 type: 'GET', 22 23 data: { prams: prams }, 24 dataType: 'binary', 25 responseType:'blob', 26 xhrFields: { responseType: 'blob' }, 27 success: function (result) { 28 var data = result; 29 let downloadData = new Blob([data], { type: 'application/vnd.ms-excel' }); 30 31 var date = new Date(); 32 var year = date.getFullYear(); 33 var month = ('0' + (date.getMonth() + 1)).slice(-2); 34 var day = ('0' + date.getDate()).slice(-2); 35 var hours = ('0' + date.getHours()).slice(-2); 36 var minutes = ('0' + date.getMinutes()).slice(-2); 37 var secounds =('0' + date.getSeconds()).slice(-2); 38 var yyyyMMdd_HHmmss = year + month + day + "_" + hours + minutes + secounds; 39 var filename = "入金予定一覧表_(" + yyyyMMdd_HHmmss + ").xlsx"; 40 41 if (window.navigator.msSaveBlob) { 42 window.navigator.msSaveBlob(downloadData, filename); // IE用 43 } else { 44 let downloadUrl = (window.URL || window.webkitURL).createObjectURL(downloadData); 45 let link = document.createElement('a'); 46 link.href = downloadUrl; 47 link.download = filename; 48 link.click(); 49 (window.URL || window.webkitURL).revokeObjectURL(downloadUrl); 50 } 51 }, 52 }); 53 } 54 55 function CheckConfirmedValue(nonconformityVal) { 56 var result = true; 57 $('#data-table tr').each(function (index, elm) { 58 if ($(elm).length && $(elm).find('input[type=checkbox]:checked').length) { 59 if ($(elm).find('input[type="hidden"][id$="DemandStatus"]').val() == nonconformityVal) { 60 result = false; 61 return false; 62 } 63 } 64 }); 65 return result; 66 } 67 68 function checkedMCheckbox() { 69 var ck = false; 70 $('#data-table tr').each(function (index, elm) { 71 if ($(elm).length && $(elm).find('input[type=checkbox]:checked').length) { 72 ck = true; 73 return false; 74 } 75 }); 76 return ck; 77 } 78</script>