Modal Forms not working from JS

Before the question, I have just extended support and I bought two licenses, just wondering why I do not have access to other questions?

Well, first problem I have is modal form. I need to create simple alerts which are not shown by a click, than by code. I have copied simple modal window at the end of the code:

<div class="modal fade" id="aleeeert" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-body">
			<div class="modal-header">
				<h4 class="modal-title" id="myModalLabel">Modal Heading</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-content">
				<div class="modal-body">
					<p id="aleeeertMsg"></p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">OK</button>
				</div>
			</div>
		</div>
	</div>
</div>

and when I need to display it from js i run the code:

static simpleAlert(cBody){
	$("#aleeeertMsg").text(cBody);
	$.magnificPopup.open({
		items:{src: "#aleeeert"},
		mainClass: 'mfp-no-margins mfp-fade',
		type: 'inline',
		closeBtnInside: true,
		fixedContentPos: true,
		removalDelay: 500
	}, 0);
}

only transparent black screen shows, and window is hidden somewhere in the back...

Second, portfolio masonry images not displaying correctly in tabbed div. they re-arrange when window is resized but not initially. Also, tab where are they displayed is initially hidden (not the first one tab)

Regards,
Vojin