Question

我想从我的图片移动到我的文字上的某个位置，但它不起作用这是图像的HTML代码

<img src="src" usemap="#pm84550" width="1338" height="720" alt="click   map" border="0" /><map id="pm84550" name="pm84550"><area shape="rect" alt="Geospatial Visualization" title="Geospatial Visualization" coords="294,31,1323,446" href="javascript:void(null)" target="_blank" onClick="function()" />

这是javascript代码。

<h5 id="reg1">something</h5>

<script>
function(){

var elem = document.getElementById("reg1");
elem.on("click",function(e){
window.location = "#something";
});

}
</script>

我使用wordpress。问题是，当我点击图像的那一部分时，我没有被带到我文本的位置。

Answer 1

看起来你试图使用jquery：

function(){
    var elem = $("#reg1");
    elem.on("click",function(){
        window.location = "#something";
    });
}

如果你没有jquery，你可以这样做：的addEventListener（＆＃34;单击＆＃34;

function(){
    var elem = document.getElementById("reg1")
    elem.addEventListener("click",function(){
        window.location = "#something";
    });
}

记住兼容性： http://www.w3schools.com/jsref/met_document_addeventlistener.asp

remembet $("#reg1")是jquery对象，document.getElementById("reg1")是dom元素

使用javascript从图像映射移动到文本

1 个答案: