JQuery FadeIn不能在php文件中工作

Question

我想在php文件中使用fadeIn（）方法，它與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文件中嗎？請給我一個幫助。

謝謝！

------------------------- added added -------------------- ------ 這裏是php的代碼，hide（）函數是一樣的。我試圖調用窗體內外按鈕的淡入功能（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> 

Answer 1

與PHP無關。類型type="submit"的按鈕在執行javascript/jquery之前提交頁面。

看看使用preventDefault();

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

或髒修復使用return false;像這樣：

onclick="hide();return false;"

我會，但是，阻止你你的HTML和JavaScript混合在一起使用onclick屬性。

Answer 2

如果您的隱藏功能位於<?php ?>標記內，那麼它會認爲它是一個php函數而不是的一個javascript函數。

<?php 
    php stuff goes here 
?> 

HTML/Javascript goes OUTSIDE the php tags 

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

這可能是發生了什麼事，這取決於你的PHP文件看起來像

Answer 3

只是防止默認提交操作..

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

但不知何故，我懷疑這就是你真的很想...