从 jquery UI 自动完成 dosent 在厚框窗口中不起作用

Question

我在jquery ui自动完成方面遇到问题。当我试着在厚盒子的窗户里使用它时，它不起作用。类".ui autocomplete input"添加到input标记中，但尽管如此，我还是看不到建议列表。我该怎么修？

Answer 1

您无法看到建议列表，因为它的z-index值太低，而且实际上隐藏在Thickbox后面。Wordpress使用的Thickbox的z索引非常高，可以提供可靠的叠加效果。因此，如果你想在Thickbox窗口（一个div）中看到jquery自动完成下拉列表，你应该添加一些自定义的css样式：

.ui-autocomplete {
    z-index: 1000000 !important;
}

当添加到jquery-ui-styles之后为管理部分排队的任何css文件中时，这一行应该可以解决您的问题。要在Wordpress中为管理部分的自定义样式排队，可以使用wp_enque_style（）函数。