ansaurus

Question

Apply Css for elements even after postback-jquery

Answer 1

A:

Use the jQuery livequery plugin: http://brandonaaron.net/code/livequery/docs

live() only binds events. When you have installed the plugin, use:

$('.MyClass') 
.livequery(function() { 
    $(this).css("display","none");
});

This will hide items of class MyClass whenever they are found, even if they are created from a Ajax response. You can even use this code in place of the ready function you are currently using.

In this case, Nick Craver's solution is better, but only if you have to evaluate condition just on page load.

SimpleCoder 2010-09-11 21:06:43

If using `.livequery()`, you should use `this` inside, instead of the same selector ...but this is overkill for the situation :)

Nick Craver 2010-09-11 21:09:39

Ah, thank you; I just pasted that line and should have inspected it more carefully.

SimpleCoder 2010-09-11 21:10:21

SOrry guys, but it doesn't work.

amourgh 2010-09-11 22:00:50

what i have done is:added <script src="jquery.livequery.js" type="text/javascript"></script> to my aspx.after i added the code of SimpleCoder.

amourgh 2010-09-11 22:04:12

Answer 2

+2 A:

You can take a different approach, define the style in CSS, like this:

body.conditionClass .MyClass { display: none; }

Then apply that class to <body> on document.ready, like this:

$(function() {
  if(condition)
    $('body').addClass('conditionClass');
});

Now new elements with .MyClass, anywhere in the <body> will get the display: none styling.

Nick Craver 2010-09-11 21:08:19

Nick,It doesn't work.have u tested an example.

amourgh 2010-09-11 22:19:38

@amourgh - Yup, here's a demo: http://jsfiddle.net/nick_craver/ZZmBg/ change the condition to `false` and hit run to see the opposite.

Nick Craver 2010-09-11 22:28:21

ya,your example works.I'm confused with this line:body.conditionClass .MyClass { display: none; } Where is the definition of MyClass .

amourgh 2010-09-11 22:38:53

@amourgh - It's from your example code in the question...whatever class you're currently using would be what you put in for `MyClass` .

Nick Craver 2010-09-11 22:42:51

ansaurus

tags:

views:

answers:

Apply Css for elements even after postback-jquery

related questions