2

みんな。長年の潜伏者、初めてのポスター =)

私の問題を読んで、私を助けることを考えている人に、まず感謝します。誰かにコードの修正を依頼することはできないので、何をしようとしているのかを具体的に説明します。

ページ全体にサム スタイル ビューで開いているプロジェクトを表示する Web ページがあります。各プロジェクトは、独自のコンテナ div にあります。各コンテナーには、プロジェクトの最初のページのスナップショット イメージ サムが保持され、そのイメージは左にフロートするように設定され、右側の div に残されたスペースのストリップを提供します。右側のこのスペースには、画像の横に 5 つのアイコンがあります。各アイコンは、プロジェクト リーダー、メンバー、部門、およびステータスを表します。

それがレイアウトです。これは ASP.NET MVC Razor cshtml Web サイトであるため、各プロジェクトには、各プロジェクトの情報 (project.Id、project.Leader、project.Crew など) を保持するモデルがあります。私の目標は、各アイコンにカーソルを合わせて、そのアイコンの情報を表示できるようにすることです。

私が遭遇している問題は、アイコンの上にカーソルを置いて @project.Leader を呼び出すときです。どのプロジェクトがリーダーを求めているのかわかりません。だから私は、そのプロジェクトの「コンテナdiv」にカーソルを合わせたときにdivのidを変数に設定して、アイコンにカーソルを合わせたときに変数を使用してそれを伝えることができるようにするのが最善の方法だと考えていましたどのプロジェクトを project.Leader と呼んでいますか。

これが理にかなっていることを願っています=)どんなアイデアでも大いに役立ちますが、私はネイティブコーダーではないので、混乱しやすいことを理解してください.

みんな読んでくれてありがとう!!!! =)

4

1 に答える 1

0

jQueryを使用すると、クリックされている要素の親を取得できます。

$(".project-icon").hover(function() {
    var target = $(this);
    var container = target.parent();

    // You can use a class on the image to get it from the parent container:
    var image = container.find(".project-image");

    // Or you can get the container's id:
    var id = container.attr("id");
});

もちろん、プレーンなJavaScriptを使用してこれを行うことはできますが、コードがどこでも機能することを確認する必要があります。jQueryのようなツールキットがこれらの詳細を処理します。彼らはあなたがやりたいようなことをするすべての人から強く推薦されます。

于 2012-04-26T07:16:08.167 に答える