jQuery在Firefox和IE中不起作用

Question

I have a PHP verification like this:

if (empty($_POST['name'])) {


        $userMessage = '<script type="text/javascript"> 


        Nname() ;


        </script>';
        }

Function above corresponds with jQuery:

   function Nname () {

        $('#Nname').slideToggle(500).delay(3000).slideToggle(500);

    }

Which reveals a div containing the notification:

<div class="warning" id="Nname">

    <div id="warn_name"> Please enter your first name. </div>

</div> 

I have a series of notifications set up like this and everything works great in Chrome, Opera and Safari. However, Firefox and IE show nothing at all.

Upon clicking the button which triggers the notifications, in Firefox and IE page simply reloads and shows nothing.

How can I fix this?

SOLVED!:

I posted the solution below!

Answer 1

In your PHP try this, I am thinking the function isn't getting called.

if (empty($_POST['name'])) {
  $userMessage = 
  '<script type="text/javascript"> 
   $(document).ready(function(){
        console.log(\'here\');
        Nname() ;
   });
  </script>';
}

or try this, without document ready (just see if it sends a console log);

if (empty($_POST['name'])) {
      $userMessage = 
      '<script type="text/javascript"> 
            console.log(\'here\');
            Nname() ;
      </script>';
    }

Answer 2

It seems that the problem wasn't with either jQuery or PHP. What was causing the issues was the submit button. I have a rollover image as a submit button and it doesn't execute the PHP script upon clicking in Firefox and Internet Explorer.

Rollover image was created using jQuery and some modifications solved the issue.

Detailed explanation: Submit rollover button not working in FF and IE