/ / JQuery FadeIn не работи във php файл - php, jquery, fadein

JQuery FadeIn не работи в php файла - php, jquery, fadein

Опитвам се да използвам метода fadeIn () във php файл, той е точно същия код като HTML, но не работи.

  1. Ето пример за работа:

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

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>

След като кликнете върху бутона „щракване“, бутонът „Пропускане“ избледнява. Работи напълно добре.

Но същият код в моя PHP файл не работи. Кодът е абсолютно същия Изглежда функцията JQuery не се извиква. Трябва ли да променя нещо, за да поставя Jquery във php файл? Моля, дайте ми помощ.

Благодаря ти!

------------------------- добавя ------------------------ - Тук има код с php, функцията за скриване () е същата. Опитвам се да извикам функция за fade-in за бутона във и извън формата (с id = "fade"), и двете не работят.

Благодаря ти за помощта.

<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>

Отговори:

1 за отговор № 1

Нищо общо с PHP. Бутоните тип type="submit" изпраща страницата преди изпълнението на javascript / jquery.

Погледнете използването preventDefault();

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

Или мръсна поправка използвайте a return false; така:

onclick="hide();return false;"

Аз обаче бих ви обезкуражил да смесвате вашите HTML и JavaScript заедно с onclick атрибут.


0 за отговор № 2

Просто предотвратете действието за изпращане по подразбиране.

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

Но някак си се съмнявам в това, което наистина искаш ...


0 за отговор № 3

Ако функцията ви за скриване е вътре в <?php ?> тагове, тогава ще помисли, че това е функция на php не функция на JavaScript.

<?php
php stuff goes here
?>

HTML/Javascript goes OUTSIDE the php tags

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

Това може да се случи, в зависимост от това как изглежда вашият PHP файл