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?

• javascript
• jquery

• 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 2

Try 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>