0

我正在用 jQuery 编写一些 javascript，以便在我的 asp.net 页面中单击 img 时触发。

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

您的页面包含两个具有相同 name\id 的元素：IMG具有 ID 属性的 HTML 元素和具有 name的"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 回答