谷歌自动完成未在基金会协议内工作

Question

我似乎无法让谷歌自动完成在基础手风琴(WordPress(中工作。密码在手风琴外运行良好。(需要注意的是，有三个输入端有相同的自动完成功能，另外两个也工作正常。(

• 起初，我认为这可能是一个活动授权问题，因为手风琴一开始就不在画布上(仅限移动视图(。但是，更改代码来解释这一点似乎没有帮助
• 然后我在谷歌上搜索了一下，发现哪里可能需要调整z索引，但这似乎也没有帮助

以下是我的JavaScript文件中的内容：

jQuery('body').on('input change', '.autocomplete', function () {
var autocomplete = new google.maps.places.Autocomplete(this);
autocomplete.inputId = this.id;
autocomplete.addListener('place_changed', function () {
const place = autocomplete.getPlace();
});
//jQuery('.pac-container').css({'z-index': '9999', 'display': 'block'});
});

下面是我的HTML的相关部分：

<a href="#" class="accordion-title">City</a>
<div class="accordion-content" data-tab-content>
<div class="grid-x grid-margin-x">
<div class="cell small-12">
<div class="grid-x grid-padding-x">
<label for="filter-address-mobile" class="text-right middle">Choose a Location:</label>
<input type="text" id="filter-address-mobile" class="filter-address autocomplete" name="filter-address" value="<?php echo $search_filters->address ?>" placeholder="Enter Address">
</div>
</div>
</div>
<footer class="text-right">
<button class="button small">Apply</button>
</footer>
</div>
</li>

Answer 1

我解决了它。自动完成下拉菜单一直都在那里。我只需要把z索引提高到99999之外，我在另一个线程中遇到了这个建议。因为自动完成是在基金会手风琴里，我的手风琴似乎需要9999999的z索引。