[英]Google location autocomplete not working inside modal
我在模态中使用google autocomplete。 当我单击输入字段时,它将在模态后面显示结果。 我没有使用任何CSS。 它在模态之外工作完美。 但是在模态内部它不能正常工作。 请帮我。
HTML代码
<div class="form-group">
<p class="control-label1">City</p>
<input type="text" id="locationTextField" placeholder="" name="city" class="form-control">
</div>
JavaScript代码
//Google Map
function initialize() {
var input = document.getElementById('locationTextField');
var autocomplete = new google.maps.places.Autocomplete(input);
}
function validateCity() {
searchfield = $('#locationTextField').val();
if (searchfield == "" || searchfield == null) {
return false;
}
else {
$('#locationTextField').val('');
return false;
}
}
google.maps.event.addDomListener(window, 'load', initialize);
我通过在css中添加以下代码找到了答案
div.pac-container {
z-index: 1050 !important;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.