JQuery FadeIn不能在php文件中工作

-1

我想在php文件中使用fadeIn（）方法，它与HTML完全相同但不工作。JQuery FadeIn不能在php文件中工作

这里是工作示例：

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

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>

来源

2013-06-11 Taewan

我是一个人，在这里没有看到任何PHP。请**重新标记**或包含您的PHP代码。 –

是的，我添加了php代码 – Taewan

@Taewan请添加aftersubmit.php代码。我得到这个对我来说工作得很好，所以我认为这个错误一定在那里。 – immulatin

与PHP无关。类型type="submit"的按钮在执行javascript/jquery之前提交页面。

看看使用preventDefault();

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

或脏修复使用return false;像这样：

onclick="hide();return false;"

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

来源

2013-06-11 15:48:42 DaveHogan

谢谢！这是非常有用的，但没有帮助我的功能 – Taewan

在您的浏览器控制台窗口（在Chrome浏览器和IE中的f12）检查控制台选项卡的任何错误或警告。 – DaveHogan

想通了！我将功能更改为JQuery格式。谢谢 – Taewan

如果您的隐藏功能位于<?php ?>标记内，那么它会认为它是一个php函数而不是的一个javascript函数。

<?php 
    php stuff goes here 
?> 

HTML/Javascript goes OUTSIDE the php tags 

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

这可能是发生了什么事，这取决于你的PHP文件看起来像

来源

2013-06-11 15:52:39 immulatin

是的，我把php分开 – Taewan

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

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

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

来源

2013-06-11 15:52:42 KyleK

谢谢。我希望这可以解决我的问题，但它不会 – Taewan

好吧，那么究竟是什么问题..只是当页面刷新它不会淡入？ – KyleK

当我点击应该调用fadeIn函数的按钮时，没有任何变化。似乎函数没有调用 – Taewan

JQuery FadeIn不能在php文件中工作

回答

相关问题