jquery - Javascript and css style not working in ajax update panel -


in application, have master main.master page , multiple child pages. have added jquery , css links in master page head tag.

<%@  master language="c#" autoeventwireup="true" codebehind="main.master.cs" inherits="website.main" %> <%@ register src="uc/leftnav.ascx" tagname="leftnav" tagprefix="uc4" %> <!doctype html> <html class="no-js" lang="en"> <head runat="server" id="head1">   <meta charset="utf-8">   <!-- layout styles -->   <link rel="stylesheet" type="text/css" href="<%#resolveurl("~/css/style.css") %>" />   <link rel="stylesheet" type="text/css" href="<%#resolveurl("~/css/grid.css") %>" />   <link rel="stylesheet" type="text/css" href="<%#resolveurl("~/css/layout.css") %>" />   <link rel="stylesheet" type="text/css" href="<%#resolveurl("~/css/icons.css") %>" />   <link rel="stylesheet" type="text/css" href="<%#resolveurl("~/css/fonts/font-awesome.css") %>" />   <script src="<%#resolveurl("~/js/mylibs/dynamic-tables/jquery.datatables.js")%>"></script>   <script src="<%#resolveurl("~/js/mylibs/dynamic-tables/jquery.datatables.tabletools.zeroclipboard.js")%>"></script>   <script src="<%#resolveurl("~/js/mylibs/dynamic-tables/jquery.datatables.tabletools.js")%>"></script>   <script src="<%#resolveurl("~/js/mylibs/gallery/jquery.fancybox.js")%>"></script>   <script src="<%#resolveurl("~/js/mylibs/tooltips/jquery.tipsy.js")%>"></script>   <script src="<%#resolveurl("~/js/mango.js")%>"></script>   <script src="<%#resolveurl("~/js/plugins.js")%>"></script>   <script src="<%#resolveurl("~/js/script.js")%>"></script>   <script src="<%#resolveurl("~/js/app.js")%>"></script>   <script src="<%#resolveurl("~/js/extras.js")%>"></script>   <asp:contentplaceholder id="head" runat="server">   </asp:contentplaceholder> </head> <body>   <form id="form1" runat="server">     <asp:scriptmanager id="scriptmanager1" runat="server" asyncpostbacktimeout="420"></asp:scriptmanager>     <div class="top">       <uc1:leftnav runat="server" id="leftnav" />     </div>     <section id="content" class="container_12 clearfix" data-sort="true">       <asp:contentplaceholder id="contentplaceholder1" runat="server">       </asp:contentplaceholder>     </section>     <!-- end of #content -->   </form> </body> </html> 

all jquery , css links work fine on page load, have used asp ajax updatepanel in child pages.

<%@ page title="" language="c#" masterpagefile="~/main.master" autoeventwireup="true" codebehind="addnewonileexam.aspx.cs" inherits="website.views.online_exam.addnewonileexam" %>  <asp:content id="content1" contentplaceholderid="head" runat="server"> </asp:content> <asp:content id="content2" contentplaceholderid="contentplaceholder1" runat="server">   <asp:updatepanel id="updatepanel1" runat="server" updatemode="conditional">     <contenttemplate>       <asp:panel id="pnl_insertdata" runat="server">         <asp:panel id="pnl_insert" runat="server">           <div class="grid_12">             <div class="box grid">               <div class="header">                 <h2>exam details</h2>               </div>               <div class="">                 <div class="row">                   <p class="_50">                     <label class="left">name of exam</label>                     <asp:textbox id="tb_name_of_exam" runat="server" maxlength="150"></asp:textbox>                   </p>                 </div>                 <div class="row">                   <p class="_25">                     <label class="left">sessions</label>                     <asp:dropdownlist id="ddl_sessions" runat="server" onselectedindexchanged="ddl_sessions_selectedindexchanged" autopostback="true"></asp:dropdownlist>                   </p>                   <p class="_25">                     <label class="left">class</label>                     <asp:dropdownlist id="ddl_classes" runat="server" autopostback="true" onselectedindexchanged="ddl_classes_selectedindexchanged"></asp:dropdownlist>                   </p>                 </div>                 <div class="row">                   <p class="_25">                     <label class="left">exam type</label>                     <asp:dropdownlist id="ddl_exam_type" runat="server" onselectedindexchanged="ddl_exam_type_selectedindexchanged" autopostback="true">                       <asp:listitem value="1">general</asp:listitem>                       <asp:listitem value="2">subject specific</asp:listitem>                     </asp:dropdownlist>                   </p>                 </div>               </div>             </div>           </div>         </asp:panel>       </asp:panel>     </contenttemplate>     <triggers>       <asp:asyncpostbacktrigger controlid="ddl_exam_type" eventname="selectedindexchanged" />       <asp:asyncpostbacktrigger controlid="ddl_classes" eventname="selectedindexchanged" />       <asp:asyncpostbacktrigger controlid="ddl_sessions" eventname="selectedindexchanged" />     </triggers>   </asp:updatepanel> </asp:content> 

when page partially posted on drop down select index change, jquery , css did not work. i've seen lot of solutions googling problem, none of them work me...


Comments

Popular posts from this blog

How to get the arclen between two curve points in Maya? -

C++ Linked List -

git svn - Unignore directories in git-svn (adding directories to a sparse checkout) -