log

WordPress で jquery.ajax-combobox の選択肢が表示されないときの回避策

WordPress で作られたサイト上で jquery.ajax-combobox を使ってコンボボックスを配置すると、選択肢を表示するためのポップアップが表示されない。

なんで表示されないのかというと、ポップアップ部分に振られてる ac_results という class 属性値が WordPress 本体に含まれている CSS でも使われていて、意図しないスタイルが適用されてるから。

なので、WordPress 側のスタイルを上書きする CSS を書くか、jquery.ajax-combobox で ac_results を使わないようにすると回避できる。意図しないスタイルがどれなのかを調べるのは困難を究める作業となってしまうので、ここは JS と CSS 両方の「ac_」を置換して「ajaxcombobox_」という超長い名前に変える方法で回避した。

 

確認時点の環境

jquery.ajax-combobox の GitHub

https://github.com/sutara79/jquery.ajax-combobox