2

map基本タグとタグを使用して画像マップを作成しましたarea。マップをテストしましたが、すべての領域が想定どおりに動作するため、HTMLは間違いなく正しいです。

現在、JQueryを使用して、ホバーしたりクリックしたりしたときに、さまざまな領域に応じてマップ（ソース）の画像が変化するようにしようとしています。このようにして、マップ上のさまざまな場所がどのように接続されているかを示す一種の「インタラクティブ」マップを取得したいと考えています。
私が定義したすべての領域には一意のIDがあります。

これは、クリックバージョンに使用しているスクリプトです。

$(document).ready(function() {
    $('#area1').click(function() {
        $('#londonmap').css('src', 'area1map.png');
    });
});​

#area idの名前は、ホバーした領域に応じて変化しますが、＃londpetitの名前は、マップとして使用される画像のIDであり、ホバー/クリックした領域に応じてソースを変更する必要があります。

私はJQueryの専門家ではないので、質問する必要があります-何が間違っているのですか？

4

2 に答える 2

1

'src'はcssプロパティではありませんが、<img>タグの属性です。

$(document).ready(function() {
    $('#area1').click(function() {
        $('#londonmap').attr('src', 'area1map.png');
    });
});​
于 2012-05-21T15:16:40.697 に答える
0

$.css()jQueryのメソッドを使用して画像ソースを変更しようとしています。ただし、画像のソースはCSSで設定されていませんが、画像自体の属性です。そのため、次の$.attr()値を変更するために使用する必要があります。

$("#londonmap").attr("src", "area1map.ong");
于 2012-05-21T15:17:58.580 に答える