web-dev-qa-db-ja.com

Wordpress Plugin Frontendでカスタムフィールドのオートコンプリートを実装する

ショートコードを使用してフロントエンドで使用するようにプラグインを設定しました。最初からプログラムした（WPベースではない）以前のWebサイトでオートコンプリートフォームを使用できましたが、WP 4.0で動作させる方法がわかりません。

私のクライアントが自分の顧客を追加することを可能にするために私はこのフォームを持っています：

<form method="post">
<div class="pure-g">
        <div class="pure-u-1 pure-u-md-1-3">
            <label>Name</label>
            <input name="name" id="name" type="text" placeholder="Name" required>
        </div><input type="submit"></form>

異なるユーザーが同じ人を2回入力するのを避けるために、MySQLデータベース（カスタムテーブル）から結果を取得してユーザーに%LIKE%結果を表示するためのオートコンプリートドロップダウンが必要です。

わからないのは

  • JQueryを呼び出すには、メインプラグインファイルから、またはセットアップした各ファイルから呼び出す必要がありますか。
  • それなら、どうやって使うの？
pluginscustom-fieldfront-endautocomplete
1
Fabrizio La Racca

スクリプトが既にエンキューまたは登録されているかどうかを確認するには、 wp_script_is( $handle ) を参照してください。

WordPressで新しいスクリプトを登録/ロードする前に確認することをお勧めします。 jQueryはWordPressに含まれていて、すでにカスタムWordPressテーマを使用していると仮定しているので、おそらくすでにロード済みであると言おうと思います。

あなたはあなたのウェブサイトを開いた状態であなたのブラウザ（Scriptsフォルダ）の "リソース"タブをチェックすることによってこれをチェックすることができます。

もっと簡単に言えば、jQueryがあなたのWebサイトにロードされていることを確認するには、Consoleタブに移動して次のように入力します。jQuery(); - これが何かを返す場合、すでにロードされています。

私の考えでは、私が間違っているのであれば修正してください。あなたの問題は、オートコンプリート部分のためにあなたのJSコードをどこに置くべきか実際にはわからないということです。その場合（あなたの質問は少しあいまいでした）、私たちがあなたを正しい方向に向けることができるようにここに答えてください。

ありがとう。

1
cristian.raiber