該樓層疑似違規(guī)已被系統(tǒng)折疊?隱藏此樓查看此樓

點擊infoWindw中的button按鈕，無效果；

覆蓋默認的dom結構

html,

body,

#container {

width: 100%;

height: 100%;

margin: 0px;

}

p.my-desc {

margin: 5px 0;

line-height: 150%;

}

//創(chuàng)建地圖

var map = new AMap.Map('container', {

zoom: 4

});

//覆蓋默認的dom結構

AMapUI.defineTpl("ui/overlay/SimpleInfoWindow/tpl/container.html", [], function() {

return document.getElementById('my-infowin-tpl').innerHTML;

});

AMapUI.loadUI(['overlay/SimpleInfoWindow'], function(SimpleInfoWindow) {

var infoWindow = new SimpleInfoWindow({

infoTitle: '消息',

infoBody:' 呼叫',

//基點指向marker的頭部位置

offset: new AMap.Pixel(0, -21)

});

//綁定的infoWindow中的按鈕事件

infoWindow.get$InfoBody().on('click', ".mybtn01", function(e) {

alert('Click .mybtn of infoBody');

});

infoWindow.get$InfoTitle().on('click', ".mybtn02", function(e) {

alert('Click .mybtn of infoBody');

});

//綁定的marker事件函數(shù)

function openInfoWin(e) {

infoWindow.open(map, e.target.getPosition());

};

function ocloseInfoWin(e) {

infoWindow.close(map,e.target.getPosition());

}

//遍歷的四個點

var lnglats=[

[121.355914,31.259884],

[121.583881,31.205281],

[121.561908,31.333226],

[121.754169,31.35551]

];

//遍歷所需要的標注點，在地圖上標記

for(var i= 0,marker;i

var marker=new AMap.Marker({

position:lnglats[i],

title:i,

map:map

});

//marker標注的事件綁定

marker.on('mouseover',openInfoWin);

marker.on('mouseout',ocloseInfoWin);

}

map.setFitView();

});

總結

以上是生活随笔為你收集整理的html的 button点击事件无效,InfoWindow里面加button，监听button点击事件无效 求解啊...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。