1

初めての Rails アプリケーションで、CoffeeScript に問題があります。という別のファイルに保存されているwaitForImages jQueryプラグインを使用していますwaitforimages.jquery.js。Rails が自動的に作成home.js.coffeeした . 次の jQuery スニペットを含めたい:

$('#fullbleed').waitForImages(function() {
    $(this).fadeIn(3000);
});

しかし、CoffeeScript 表記法を使用してこれをどのように記述すればよいでしょうか?

アップデート

現在はうまく機能しているので、最終的なコードを投稿すると思いました。問題の 1 つは、 home.js.coffeeの前waitForImagesにプラグインをロードしていなかったことです。

コーヒースクリプト:

$(document).ready -> $('#fullbleed').waitForImages -> $(@).fadeIn 3000

HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Title</title>
  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
  <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
  <script src="/assets/jquery.waitforimages.js?body=1" type="text/javascript"></script>
  <script src="/assets/home.js?body=1" type="text/javascript"></script>
</head>
<body>
...
</body>
</html>
4

3 に答える 3

8

-> ...の代わりに使用しfunction(){ ... }ます。オプションで、 と交換することもできthisます@。

$('#fullbleed').waitForImages ->
    $(@).fadeIn(3000)

本当に文字を保存したい場合は、最後の 2 つの括弧を省略して、次のようにすることもできます。

$('#fullbleed').waitForImages -> $(@).fadeIn 3000
于 2012-11-18T15:38:54.763 に答える
3

非常に便利なhttp://js2coffee.orgによると:

$("#fullbleed").waitForImages ->
  $(this).fadeIn 3000
于 2012-11-18T15:39:11.920 に答える
2 
$('#fullbleed').waitForImages ->
  $(@).fadeIn 3000

あるいは：

$('#fullbleed').waitForImages ->$(@).fadeIn 3000
于 2012-11-18T15:39:03.980 に答える