带有导轨3的简单jquery盒子隐藏不起作用

Question

我已经安装了Jquery gem并对Jquery进行了必要的更改以使用rails 3。

点击链接时，我试图实现简单的框淡出效果。

这是我的index.html.erb代码： -

<div id ="box">
</div>
<%= link_to "Click Here", :remote => true%>

这是我的index.js.rjs代码： -

$(function(){

$('a').click(function()
    {$('#box').fadeOut();
    });
});

但是我无法达到预期的效果。关于我搞砸了它的任何建议？

谢谢，

Answer 1

您的代码有2个问题。它应该是

id="box"

和

{$('#box').fadeOut();

http://jsfiddle.net/QNszJ/

Answer 2

我对ROR一无所知，但我认为你最初不需要函数初始值设定项，所以类似：

$('a').click(function() {$('#box').fadeOut(); });

应该足够了。

Answer 3

在努力通过rails 3.0获得答案后，​​我们借助此帖http://railsforum.com/viewtopic.php?id=45155

移至rails 3.1并已解决

以下是步骤： -

1）升级到rails 3.1 2）删除js文件顶部的＃，因为这些是ruby代码，javascript不会编译。 3）如果你的javascript被加载，请检查bugzilla 4）如果您的javascript行为是在按下链接或按钮时，请确保该操作不会生成服务器请求。

例如： - link_to“click here”，：remote =＆gt; true将调用javascript代码，然后重新加载页面，因此您不会看到任何javascript操作

link_to“点击此处”，“＃”，：remote =＆gt; true将显示正确的javascript操作

希望这对其他人也有帮助:)）