angular 传单指令自定义弹出点击事件未在 iOS 台设备上触发
angular leaflet directive custom popup click event not triggered on iOS devices
我正在使用 angular leaflet 指令和 ionic 在 iOS 设备上开发地图,我需要可点击的弹出窗口,它在网络上运行良好浏览器,但不在 iOS 模拟器上。
var html11 =
'<div style="width:660px;" ng-click="goToDetail(clickedMarkerInfo)">'
+ '<div class="tripguide-tootip-row-left" ng-click="goToDetail(clickedMarkerInfo)">'
+ '<div class="tripguide-tootip-image">'
+ '<img ng-src={{clickedMarkerInfo.picture}}>'
+ '</div>'
+ '<div class="tripguide-tootip-rating" ng-show="whetherToShow(clickedMarkerInfo.rating)">'
+ '<img ng-repeat="pic in clickedMarkerInfo.ratingPics track by $index"src="{{pic}}" />'
+ '</div>'
+ '</div>'
+ '<div class="tripguide-tootip-row-right" ng-click="goToDetail(clickedMarkerInfo)">'
+ '<div class="tripguide-tootip-legend">'
+ '<span>{{clickedMarkerInfo.name}}</span>'
+ '</div>'
+ '<div class="tripguide-tootip-address">'
+ '<span>{{clickedMarkerInfo.address}}</span>'
+ '</div>'
+ '</div>'
+ '<div class="tripguide-tooltip-arrow">'
+ '<img src="images/tripguide/tooltip-arrow.png">'
+ '</div>'
+ '</div>';
var marker = {
lat: myLatlng[0],
lng: myLatlng[1],
getMessageScope: function () {
return $scope;
},
message: html11,
compileMessage: true
};
$scope.markersArray.push(marker);
iOS 版本为 9.3。也许这是一个离子和 iOS 问题??
任何建议表示赞赏。
ionic.tap.isElementTapDisabled= function(ele) {
if (ele && ele.nodeType === 1) {
var element = ele;
while (element) {
// if ((element.dataset ? element.dataset.tapDisabled : element.getAttribute && element.getAttribute('data-tap-disabled')) == 'true') {
if (element.getAttribute && element.getAttribute('data-tap-disabled') == 'true') {
return true;
}
element = element.parentElement;
}
}
return false;
};
我正在使用 angular leaflet 指令和 ionic 在 iOS 设备上开发地图,我需要可点击的弹出窗口,它在网络上运行良好浏览器,但不在 iOS 模拟器上。
var html11 =
'<div style="width:660px;" ng-click="goToDetail(clickedMarkerInfo)">'
+ '<div class="tripguide-tootip-row-left" ng-click="goToDetail(clickedMarkerInfo)">'
+ '<div class="tripguide-tootip-image">'
+ '<img ng-src={{clickedMarkerInfo.picture}}>'
+ '</div>'
+ '<div class="tripguide-tootip-rating" ng-show="whetherToShow(clickedMarkerInfo.rating)">'
+ '<img ng-repeat="pic in clickedMarkerInfo.ratingPics track by $index"src="{{pic}}" />'
+ '</div>'
+ '</div>'
+ '<div class="tripguide-tootip-row-right" ng-click="goToDetail(clickedMarkerInfo)">'
+ '<div class="tripguide-tootip-legend">'
+ '<span>{{clickedMarkerInfo.name}}</span>'
+ '</div>'
+ '<div class="tripguide-tootip-address">'
+ '<span>{{clickedMarkerInfo.address}}</span>'
+ '</div>'
+ '</div>'
+ '<div class="tripguide-tooltip-arrow">'
+ '<img src="images/tripguide/tooltip-arrow.png">'
+ '</div>'
+ '</div>';
var marker = {
lat: myLatlng[0],
lng: myLatlng[1],
getMessageScope: function () {
return $scope;
},
message: html11,
compileMessage: true
};
$scope.markersArray.push(marker);
iOS 版本为 9.3。也许这是一个离子和 iOS 问题?? 任何建议表示赞赏。
ionic.tap.isElementTapDisabled= function(ele) {
if (ele && ele.nodeType === 1) {
var element = ele;
while (element) {
// if ((element.dataset ? element.dataset.tapDisabled : element.getAttribute && element.getAttribute('data-tap-disabled')) == 'true') {
if (element.getAttribute && element.getAttribute('data-tap-disabled') == 'true') {
return true;
}
element = element.parentElement;
}
}
return false;
};