几秒钟后用PHP混合销毁div

Question

I want to destroy div after few seconds after creating it. At the moment i'm using this

function info ( $s ) {
    return ( $s ? '<div class="info">'.$s.'</div><script type="text/javascript">$(".info").delay(3200).fadeOut(300);</script>' : false );
}

The problem is that doesn't work at all. I'm not good in JS at all, so I can't fix it by my own. Thanks for advices and help.

Answer 1

It's almost fine.

Your problem is, that your <script> tag will be executed before the DOM is ready.

You need to make sure that the DOM is ready before you access it. (reference)

function info ( $s ) {
    return ( $s ? '<div class="info">'.$s.'</div><script type="text/javascript">$(function(){$(".info").delay(3200).fadeOut(300);});</script>' : false );
}

So what I did is putting $(function(){ /* ... */ }); around your code.