0

asp.netページでimgがクリックされたときに起動するように、jQueryを使用してJavaScriptをコーディングしています。

imgは次のように宣言されます。

<img id="zoomIn" alt="Zoom In" src="/Images/Plus.png" onclick="zoomIn();" />

そして、.jsファイル関数は次のとおりです。

function zoomIn() {
    zoomLevel += 1;
    showMapImage();
}

function showMapImage() {
    //show the location map
    var img_url = "http://maps.google.com/maps/api/staticmap?center=" + $asp("lblCoordinates").html() + "&size=200x150&sensor=false&zoom=" + zoomLevel + "&markers=color:green%7C" + $asp("lblCoordinates").html();
    $("#imgMap").attr('src', img_url);
}

function $asp(serverID) {
    return $("[id$='" + serverID + "']");
}

これはIEでは正常に機能しますが、ChromeやFirefoxでは機能しないため、どこかに単純な問題があり、見つけることができないと思います。

4

3 に答える 3

3

すでにjQueryを使用しているので、

$('#zoomIn').click(zoomIn);
于 2012-09-06T09:05:29.313 に答える
3

ページには、同じ名前\ idの2つの要素が含まれていIMGます。ID属性のHTML要素と、名前"zoomIn"のjavascriptです。functionzoomIn

function zoomInまたはの名前を変更してみてくださいIMG#zoomIn。

于 2012-09-06T09:11:56.307 に答える
2

アンカータグの内側に巻き付け、それに応じてスタイルを設定します。

<a href="#" onclick="zoomIn();">
    <img id="zoomIn" alt="Zoom In" src="/Images/Plus.png" />
</a>

http://jsfiddle.net/H57Vg/5/

于 2012-09-06T08:51:38.240 に答える