I have something like this..On master Page\[code\]<head runat="server"> <link href="http://stackoverflow.com/questions/StyleSheets/Main_Master.css" rel="stylesheet" type="text/css" /> <%--<script type="text/javascript" src="http://stackoverflow.com/Scripts/jquery-1.8.3.js"></script>--%> <script src="http://stackoverflow.com/Scripts/Mainmenu.js" type="text/javascript"></script> <link href="http://stackoverflow.com/Misc/Plugins/OrbitSlider/orbit-1.2.3.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://stackoverflow.com/Misc/Plugins/OrbitSlider/jquery.orbit-1.2.3.min.js"></script></head>\[/code\]Content Page\[code\]<asp:Content ContentPlaceHolderID="LeftBarHeadContent" runat="server"> <script src="http://stackoverflow.com/Scripts/jquery-1.8.3.js"></script> <link href="http://stackoverflow.com/questions/StyleSheets/Home_Content.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/questions/StyleSheets/Content_Common.css" rel="stylesheet" /> <script src="http://stackoverflow.com/Scripts/Contents_Common.js" type="text/javascript"></script> <script src="http://stackoverflow.com/Scripts/jquery.cycle.all.js" type="text/javascript"></script></asp:Content>\[/code\]Now, this renders on the browser like\[code\]<head><script src="http://stackoverflow.com/Scripts/jquery-1.8.3.js"></script> <link href="http://stackoverflow.com/questions/StyleSheets/Home_Content.css" rel="stylesheet" type="text/css" /> <link href="http://stackoverflow.com/questions/StyleSheets/Content_Common.css" rel="stylesheet" /> <script src="http://stackoverflow.com/Scripts/Contents_Common.js" type="text/javascript"></script> <script src="http://stackoverflow.com/Scripts/jquery.cycle.all.js" type="text/javascript"></script> <link href="http://stackoverflow.com/questions/StyleSheets/Main_Master.css" rel="stylesheet" type="text/css" /> <%--<script type="text/javascript" src="http://stackoverflow.com/Scripts/jquery-1.8.3.js"></script>--%> <script src="http://stackoverflow.com/Scripts/Mainmenu.js" type="text/javascript"></script> <link href="http://stackoverflow.com/Misc/Plugins/OrbitSlider/orbit-1.2.3.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://stackoverflow.com/Misc/Plugins/OrbitSlider/jquery.orbit-1.2.3.min.js"></script> </head>\[/code\]Now, as you can see that content elements is rendered before the master content. I need the master content to load before as some of my plugins is throwing undifined jquery error if jquery is not included before the plugin appears.
How to load master head content before content head content
- Thread starter syscomp
- Start date