JQuery FadeIn funktioniert nicht in PHP-Datei - PHP, Jquery, Fadein

Ich versuche die fadeIn () Methode in der PHP-Datei zu benutzen, es ist genau derselbe Code wie HTML, aber es funktioniert nicht.

1. Hier ist ein Arbeitsbeispiel:

--------------------------

function hide(){
$("#fade").hide().fadeIn(5000);
}

---------------------------------

<div id="click"><button type="submit" value="3" name="submit"     onclick="hide();">click</button> </div>
<div id="fade"><button type="submit" value="3" name="submit">Skip >></button></div>

Sobald Sie auf die Schaltfläche "Klicken" klicken, wird die Schaltfläche "Überspringen" eingeblendet.

Aber der gleiche Code in meiner PHP-Datei funktioniert nicht. Der Code ist genau gleich Es scheint, dass die JQuery-Funktion nicht aufgerufen wird. Muss ich etwas ändern, um Jquery in die PHP-Datei zu setzen? Bitte geben Sie mir eine Hilfe.

Danke!

-------------------------hinzugefügt------------------------ - Hier ist Code mit PHP, die Funktion hide () ist dieselbe. Ich versuche, die Einblendfunktion für die Schaltfläche innerhalb und außerhalb des Formulars aufzurufen (mit id = "fade"), und beide funktionieren nicht.

Danke für Ihre Hilfe.

<div id="click"><button type="button" value="3" name="submit" onclick="hide(); return false;">click</button></div>
<div id="fade"><button type="submit" value="3" name="submit">Skip >></button></div>
<div id="skip">
<form method="post" >
<input type="hidden" id="skip_ig" name="skip_ig" value=""></input>
<div id="fade"><button type="submit" value="3" name="submit">Skip >></button></div>
<?php
include("includes/aftersubmit.php");
?>
</form>
</div>

Antworten:

1 für die Antwort № 1

Nichts mit PHP zu tun. Die Tasten vom Typ type="submit" Sendet die Seite, bevor Javascript / jQuery ausgeführt wird.

Schauen Sie sich an mit preventDefault();

http://api.jquery.com/event.preventDefault/

Oder eine schmutzige Lösung verwenden Sie a return false; so:

onclick="hide();return false;"

Ich würde Sie jedoch davon abhalten, HTML und JavaScript mit der onclick Attribut.

---

0 für die Antwort № 2

Verhindern Sie einfach die standardmäßige Übermittlungsaktion.

function hide(e){
e.preventDefault();
$("#fade").hide().fadeIn(5000);
}

Aber irgendwie bezweifle ich, dass du das wirklich willst ...

---

0 für die Antwort № 3

Wenn sich Ihre Ausblendfunktion in der befindet <?php ?> Tags, dann wird es denken, dass es eine PHP-Funktion ist nicht eine Javascript-Funktion.

<?php
php stuff goes here
?>

HTML/Javascript goes OUTSIDE the php tags

function hide(){
$("#fade").hide().fadeIn(5000);
}

Dies könnte sein, was los ist, abhängig davon, wie Ihre PHP-Datei aussieht

---