I have a master page. Master page has a header, side bar, footer es from different UI and i can merge to use as master page.
I have mentioned
<script src="assets/js/jquery-2.1.4.min.js"></script>
this jquery file is in my new UI and this is also used in my master page for sidebar functionality.
In my new UI i have used Date-picker. my date picker is not working properly when i click the date picker. I have got
jquery-2.1.4.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
if i am not using master page this functionality working properly. when i include this into master it returns error
this is my side bar
<div id="sidebar" class="sidebar responsive ace-save-state" ng-controller="SlideController" ng-include="'slidebar.html'">
<script>
$(function () {
$(".sidebar ul li ul li").closest("li").find(".active").removeClass("active");
$("#Expense").addClass("active").parents(".nav li").addClass("active open");
});
</script>
</div>
can any one help me?
I have a master page. Master page has a header, side bar, footer es from different UI and i can merge to use as master page.
I have mentioned
<script src="assets/js/jquery-2.1.4.min.js"></script>
this jquery file is in my new UI and this is also used in my master page for sidebar functionality.
In my new UI i have used Date-picker. my date picker is not working properly when i click the date picker. I have got
jquery-2.1.4.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
if i am not using master page this functionality working properly. when i include this into master it returns error
this is my side bar
<div id="sidebar" class="sidebar responsive ace-save-state" ng-controller="SlideController" ng-include="'slidebar.html'">
<script>
$(function () {
$(".sidebar ul li ul li").closest("li").find(".active").removeClass("active");
$("#Expense").addClass("active").parents(".nav li").addClass("active open");
});
</script>
</div>
can any one help me?
Share Improve this question edited Jul 20, 2017 at 7:24 Vinoth asked Jul 20, 2017 at 6:38 VinothVinoth 1,1131 gold badge18 silver badges53 bronze badges 11- how do you create this master page? – madalinivascu Commented Jul 20, 2017 at 6:41
- never heard of a master page – madalinivascu Commented Jul 20, 2017 at 6:42
- the datepicker should need additional libraries – madalinivascu Commented Jul 20, 2017 at 6:42
- What is the path to jquery-2.1.4.min.js file relatively your site root? – Alexander Commented Jul 20, 2017 at 6:43
- @madalin ivascu: for masterpage i have used 3 div in my UI this div is used to include that header footer and sidebar by using jquery. – Vinoth Commented Jul 20, 2017 at 6:45
2 Answers
Reset to default 2Try to use URL of jquery-2.1.4.min.js file that is defined relatively root of your site. Use started slash to do it.
<script src="/assets/js/jquery-2.1.4.min.js"></script>
See Relative URLs article for details.
Use Jquery UI in addition to simple Jquery library. Date picker is available in Jquery UI. As i do not know the details of your server side, i would remend using CDN for Jquery library path instead of what you have used.
<script src="https://ajax.googleapis./ajax/libs/jquery/3.2.1/jquery.min.js"></script>
For old version
<script src="https://code.jquery./jquery-2.2.4.min.js"></script>