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
Post a Comment