javascript - IE8 not recognizing <span class="ui-button-text">? -
i working on mapping application. following code block works great in ie10, chrome, etc., not ie8. button activates aerial layer, changes text of button "street" (allows use of new overlays button @ point), , toggles if hit "street" button.
btnstreetaerial_click = function () { var isabovethreshold = (map.getscale() > 18055); if ($("#btnstreetaerial").html() == '<span class="ui-button-text">aerial</span>') { //switch aerial if (isabovethreshold) { map.getlayer(mapesriaeriallayerid).show(); } else { map.getlayer(maplocalaeriallayerid).show(); } map.getlayer(swova.mapstreetid).hide(); $("#btnaerialoverlay").show(); $("#btnstreetaerial").html('<span class="ui-button-text">street</span>'); } else if ($("#btnstreetaerial").html() == '<span class="ui-button-text">street</span>') { if (isabovethreshold) { map.getlayer(mapesriaeriallayerid).hide(); map.getlayer(mapoverlay1layerid).hide(); map.getlayer(mapoverlay2layerid).hide(); map.getlayer(mapstreetid).show(); } else { map.getlayer(maplocalaeriallayerid).hide(); map.getlayer(mapoverlay1layerid).hide(); map.getlayer(mapoverlay2layerid).hide(); map.getlayer(mapstreetid).show(); } $("#btnaerialoverlay").hide(); $("#btnstreetaerial").html('<span class="ui-button-text">aerial</span>'); $("#btnaerialoverlay").html('<span class="ui-button-text">add overlay</span>'); }
again, works fine in browsers except ie8, , debug during ie8 won't make past if statement:
if ($("#btnstreetaerial").html() == '<span class="ui-button-text">aerial</span>') {
and button click nothing. so, i'm assuming ie8 doesn't <span class="ui-button-text">
?
any info appreciated, thank in advance.
Comments
Post a Comment