Solved

Jquery not work on PostBack Page

Posted on 2009-04-14
3
1,029 Views
Last Modified: 2013-12-17
Hello,

I have a page where run a Jquery, but when she made a PostBack simply stops working, any idea?

See code below:
function closeCheckbox() {

    $("span").each(function() { if ($(this).attr("child")) { $(this).hide(); } });

}

Open in new window

0
Comment
Question by:alexandremattar
3 Comments
 
LVL 14

Expert Comment

by:GiftsonDJohn
ID: 24145317
Are you using UpdatePanel and doing asynchronous post back?
0
 
LVL 3

Expert Comment

by:OmerFarukZ
ID: 24145484
where is the jquery script code imlemented? please paste your aspx source code
0
 
LVL 1

Accepted Solution

by:
alexandremattar earned 0 total points
ID: 24147331
Here is the aspx code.

Yesterday i solved the problem, the atributtes of checkboxlist be lost in postback. But this is not the best solution.
I will also post the Codebehind to see if we find better solution
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ThumbGridView.WebForm1" %>
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>
 

    <script src="jquery-1.3.2.js" type="text/javascript"></script>
 

</head>

<body>

    <form id="form1" runat="server">

    <div>

    </div>

    <div id="check">

        <asp:CheckBoxList ID="CheckBoxList1" runat="server">

        </asp:CheckBoxList>

    </div>

    <asp:Button ID="Button1" runat="server" Text="Button" />

    </form>

    <asp:Literal ID="Literal1" runat="server">

 

         <script language="javascript" type="text/javascript">
 
 

             $(document).ready(function() {

                 $("span").each(function() {

                     if ($(this).attr("filho")) {

                         $(this).hide();

                     }

                 });

                 $("#check :checkbox").each(function() {

                     current = $(this).parent().attr("pai");
 

                     if ($(this).is(':checked')) {

                         $("span").each(function() {

                             if ($(this).attr("filho") == current) {

                                 $(this).show();

                             }

                         });

                     }
 

                 });

             });

             

             $("#check :checkbox").click(function() {

                 $("span").each(function() {

                     if ($(this).attr("filho")) {

                         $(this).hide();

                     }

                 });

                 $("#check :checkbox").each(function() {

                     current = $(this).parent().attr("pai");
 

                     if ($(this).is(':checked')) {

                         $("span").each(function() {

                             if ($(this).attr("filho") == current) {

                                 $(this).show();

                             }

                         });

                     }
 

                 });

             });

       

    </script> </asp:Literal>

</body>

</html>

Open in new window

codeBehind.txt
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This document covers how to connect to SQL Server and browse its contents.  It is meant for those new to Visual Studio and/or working with Microsoft SQL Server.  It is not a guide to building SQL Server database connections in your code.  This is mo…
User art_snob (http://www.experts-exchange.com/M_6114203.html) encountered strange behavior of Android Web browser on his Mobile Web site. It took a while to find the true cause. It happens so, that the Android Web browser (at least up to OS ver. 2.…
In this video I am going to show you how to back up and restore Office 365 mailboxes using CodeTwo Backup for Office 365. Learn more about the tool used in this video here: http://www.codetwo.com/backup-for-office-365/ (http://www.codetwo.com/ba…
Internet Business Fax to Email Made Easy - With  eFax Corporate (http://www.enterprise.efax.com), you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, f…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now