0

そのため、私が自分で取り組んでいる新しいポートフォリオ Web サイトでは、次のプラグインを使用しています。https://github.com/stowball/jQuery-rwdImageMaps私のサイトでは正しく動作していないようですが。すべてがどのようにセットアップされ、機能しているように見えるのか、理由がわかりません。誰かが簡単に見て、私を助けてくれるなら、それは大歓迎です。

機能していないイメージ マップの URL は http://kmgp.us/skillcloud.phpです。

何が起こるかは簡単です....ワードクラウド内の単語をクリックすると、#elementに移動します。（これは完全に機能しています）が、このWebサイトはレスポンシブであるため...ページのサイズを変更すると、イメージマップが台無しになります。

プラグインはイメージ マップのサイズを自動的に変更するはずですが、コードに深刻なミスまたはばかげたミスがあると想定したわけではありません。

jQueryプラグインを使用している特定のコードはこちらです...

<script>
$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();

    $('area').on('click', function() {
        alert($(this).attr('alt') + ' clicked');
    });
});
</script>

また、いくつかの CSS コードがインポートされましたが、firebug に入ると適用されているように見えます...

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

もう一度、よろしくお願いします！

4

1 に答える 1

4

rwdImageMapsプラグインをヘッドにロードし、jQueryがロードされる前にプラグインを呼び出しています。コンソールを確認すると、jQueryが未定義で$が未定義の2つのエラーが表示されます。スクリプトをページの一番下、jQueryの後、残りの部分に移動します。

それはそれを修正する必要があります:)

于 2013-01-27T11:30:22.277 に答える