Struggling with implementing bootstrap popups modal in ASP content pages. While my content page can inherit CSS for all ASP server controls, I'm facing an issue where the bootstrap popups are not working within the ASP:Content tags. Despite running the debugger, I still can't pinpoint where the problem lies.
One specific instance of a non-working bootstrap element is the datepicker. Even when using the following code within ASP:Content, the datepicker fails to function. I've tried placing this content within and outside of table rows, but the issue remains unresolved.
<div>
<div class="container">
<div class="hero-unit">
<input type="text" placeholder="click to show datepicker" id="example1">
</div>
</div>
<!-- Load jQuery and bootstrap datepicker scripts -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
// When the document is ready
$(document).ready(function () {
$('#example1').datepicker({
format: "dd/mm/yyyy"
});
});
</script>
</div>