2

私は持っている：

  1. controller/reports_controller.rb

  2. views/reports/index.html.erb

  3. assets/reports.js

に画像がありindex.html.erbます：

<div class="main_mark">
   <img src="/assets/welcome_main.png" alt="main" class="main_mark_image" />
</div>

ユーザーが画像を押したときに画面にメッセージ (アラート メッセージ) を出力したい。そのため、メッセージを出力する関数を書きたいと思いreports.jsます。

reports.js:

$(document).ready(function() {
    $(".main_mark_image").click(function () {
        alert("alon");
    });
});

しかし、Javaスクリプトとhtmlを関連付ける必要があると思います。

どんな助けでも大歓迎です！

4

2 に答える 2

2

外部スクリプトを使用する場合は、HTMLファイルに次のことを伝える必要があります。

<script src="assets/reports.js"></script>

上記は、「アセット」フォルダがインデックスと同じフォルダにあることを前提としています。また、jQueryライブラリを含める必要があります。ダウンロード可能であるか、Googleの次のものを使用できます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

または、jQuery UIの場合：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

お役に立てれば。

于 2013-02-13T08:29:19.173 に答える
1

試す：

<img src="/assets/welcome_main.png" onclick="alert('alon');" alt="main" class="main_mark_image" />
于 2013-02-13T08:22:23.093 に答える