タグ付けされた質問 「jquery」

jQueryは、高速で簡潔なJavaScriptライブラリであり、HTMLドキュメントのトラバース、イベント処理、アニメーション、Ajaxインタラクションを簡素化して、迅速なWeb開発を実現します。jQueryはWordPressに含まれており、テーマ開発者とプラグイン開発者の両方が利用できます。

5
カスタムメタボックスの値と必須フィールドの検証
カスタムの投稿タイプのメタボックスについて、特定のフォームフィールドが正しく記入されていることを検証する最良の方法は、これまでカバーしたことがなかったものです。 作成する可能性のあるメタボックスのカスタムフィールドを検証する最善の方法について専門家の意見を求めています。私の興味は： 投稿が公開/更新される前にフィールド検証が行われることを確認します 他のワードプレスのjavascriptと競合しないクラス/コードを利用する 必要に応じて特定のフィールドを定義できますが、他のフィールドはオプションです メール形式などの正規表現を含むカスタマイズ可能なルールに基づいてフィールドを検証する エラー/通知の視覚的な表示を制御する 前もって感謝します！
3
外部jQuery / JavascriptファイルをWordPressにリンクする方法
だから、次のWPテーマのベースにStarkersを使用していて、小さな問題に遭遇しました。header.phpファイルに自分のバージョンのjQueryを含めていましたが、Firebugを使用してサイトを検査すると、jqueryが2回ダウンロードされていることに気付きました、私は少し掘り下げて、ファイルを含めるだけでなく、wp_head()関数も含めていることに気付きました。 この問題を解決しようとして、ヘッダーファイルにコメントがありましたが、そのコメントはTwenty Tenテーマに由来しています。 /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head>, such * as styles, scripts, and meta tags */ だからここに私の問題があります、私はjQueryファイルをそれを使用したい他のファイルの前に設定するwp_head()必要があり、それが<head>要素の最後のものでなければならないという印象を受けています、私は思っているので少し混乱していますwp_head()WPに含まれるjQueryファイルがすべてのプラグインで使用されるように、先頭に配置します。 wp_head()関数内のjQuery行をコメントアウトしましたが、管理ページに必要なので、元に戻す必要がありました。 また、jQueryのGoogle CDNバージョンを使用して（少なくとも実験的に）使用したいのですが、2回は含めたくありません！ 私が説明しようとしていることを理解していただければ幸いです。この問題をどのように解決できるかについての提案をいただければ幸いです。また、JavaScriptファイルをヘッダーファイルでどのように処理するかについてのアドバイスも歓迎します。 ありがとう！
2
オブジェクト/ JSONをwp_localize_scriptに渡す
オブジェクトリテラルを含むjavascriptの作業部分があります。しかし、ローカライズする必要があります。wp_localize_script（）を取得して正しいフォーマットを出力できるように、それを書き換える方法を模索しています。 ローカライズされていない（動的ではない）バージョンは次のようになります。 var layoyt_config = { 'header' : 1 , 'footer' : 1 , 'ls' : {'sb1':1} , 'rs' : {'sb1':1,'sb2':1} , 'align' : 'center' }; さて、これらの値をphpで生成するには（いくつかのwp_settingsに基づいて）wp_localize_scriptを使用したいので、そこから取得できます。 var layoyt_config = my_localized_data.layoyt_config; そして、そのオブジェクトプロパティにそのデータを取得するために、私はこれを行うことができましたが、明らかにそうではありませんでした。 $data = array( 'layout_config' => { 'header' : 1 , 'footer' : 1 , 'ls' : {'sb1': 1} …
2
PHP変数をjavascriptに渡す
後で使用できるように、いくつかのPHP変数をjavascriptで渡す可能性はありますか？ のみsingle.php。 聞いたことwp_enqueue_scriptsがありますが、それではJSファイルへのパスを宣言する必要がありますが、それは必要ありません。
1
WordPressでAjax呼び出しとJSONを管理する方法
jQueryを介してアクセスしたいカスタムポストタイプがあります-できればJSONを使用してください。 まず最初に。JSONを返す/エコーする関数を作成するのは簡単ですが、jqueryを使用してどのようにアクセスしますか。 マイクがこの質問で書いているように、彼は-私が理解している限り-ワードプレスのルートにそれを置きます。phpファイル名を使用してアクセスできるようになりますが、これはお勧めですか？むしろ、プラグインフォルダー内に配置します。 私はワードプレスのコーデックスを読んでみましたが、管理ページではないにもかかわらず、すべてのajax呼び出しをadmin-ajax.phpに投稿しているので、ajax呼び出しの処理方法は私を混乱させますか？ 誰かが私が抱えている問題を解決してくれませんか？ /嵐 編集する 私が抱えていた問題は、wordpressでajax呼び出しを行う方法と、呼び出しを実行/処理するためにphpおよびjsコードを配置する場所を理解することでした。 私がリンクした他の質問では、あなたはwpルートにファイルを置く関数を作成しました-私はそれをしたくありません。しかし、wp_ajax_（nopriv _）[action]の使用方法を学び、作成したjsonに効果的にアクセスできます。残っている問題は、呼び出しを行うためにJSを配置する場所です。私は、プラグインのjsファイルに配置したいのですが、このページで提示されるように、ではない私は、PHPを使用してエコーする必要があるので、adminサイト上で、ajaxurlは、定義されていません。 echo admin_url('admin-ajax.php'); したがって、質問は、このphpをjavascriptとどのように組み合わせる必要があり、それをどのようにキューに入れて、ファイルまたはスクリプトではないかを確認する必要があります。
13 jquery  ajax 
1
jQueryを使用してwp_optionsに保存されているデータを削除する
私の問題について誰かが私にさらに助言してくれるだろうか。私のプラグインの一部は、デバッグ目的でログファイルを保存します。jqueryとwp_localise_scriptを使用して、管理ページの（div＃log）に正常に表示しました。これらのログを削除するボタンがありますが、これを処理する方法がわかりません。ここではajaxが役に立つかもしれないと感じていますが、どこから始めればよいかわかりません。 これが私のコードの関連部分です： admin_enqueue_scripts（アクション） $args = array(get_option('wow_tweets_log'));//log files fetched from wp_options table wp_enqueue_script('wow_tweet');//registered earlier on with jQuery dependency wp_localize_script('wow_tweet', 'wow_vars', $args); 管理ページ <tr><th scope="row"><strong>Debugging</strong></th><td> <div id="debug" class="button-primary">Debug</div><!--debug button shows logs--> <div id="hide_debug" class="button-secondary">Hide</div><!--debug button hides logs--> <div id="clear_log" class="button-secondary">Empty Log</div><!--Press to delete logs--> </td></tr> <tr><th scope="row"></th><td><div id="log"><!--Logs show here--></div></td></tr> Javascript jQuery(document).ready(function() …
10 jquery  ajax  actions  options 
3
Wordpress 3.5の独自のプラグインでメディアアップローダーを表示する
新しいWordPress 3.5のMedia Uploaderにはほとんど問題がありません。画像をアップロードする独自のプラグインを作成しました。私はこのコードJSを使用しています： <script type="text/javascript"> var file_frame; jQuery('.button-secondary').live('click', function( event ){ event.preventDefault(); if ( file_frame ) { file_frame.open(); return; } file_frame = wp.media.frames.file_frame = wp.media( { title: 'Select File', button: { text: jQuery( this ).data( 'uploader_button_text' ) }, multiple: false } ); file_frame.on('select', function() { attachment = file_frame.state().get('selection').first().toJSON(); jQuery('#IMGsrc').val(attachment.url); }); …
10 jquery  media 
1
jqueryの後にスクリプトをロードするにはどうすればよいですか？
function load_my_script(){ wp_register_script( 'my_script', get_template_directory_uri() . '/js/myscript.js', 'jquery' ); wp_enqueue_script( 'my_script', 'jquery'); } add_action('wp_enqueue_scripts', 'load_my_script'); myscript.jsがjqueryの前に読み込まれているのはなぜですか？そして、どのようにしてjqueryの後にロードするのですか？ ありがとう。
4
functions.phpにJavascriptを正しく追加する方法
WooCommerceのカートボタンに標準である見苦しい矢印をいくつか削除したいと思います。これを実現するために、ドキュメントが読み込まれたときに矢印を削除する次のコードを追加するヒントを見つけました。 私はそれを私のfunctions.phpに置くつもりですか？正確にはどうすればよいですか？ $(document).ready(function() { $(".woocommerce-cart").html(function(i, val) { return val.replace(" →", ""); }); $(".woocommerce-cart").html(function(i, val) { return val.replace("← ", ""); }); }); 編集 はい。私はこのアプローチを試しました： 'removeArrows.js'という名前のファイルを作成し、それをプラグインフォルダーに配置しました。これは元のコードと同じ内容ですが、jQueryが$になっています。次に、以下をfunctions.phpに追加しました。 function wpb_adding_scripts() { wp_register_script('my_amazing_script', plugins_url('removeArrows.js', FILE), array('jquery'),'1.1', true); wp_enqueue_script('my_amazing_script'); } add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); コードを適切に表示する方法がわかりません。これは機能しませんでした。これを機能させるための提案はありますか？ jQueryスニペットソース
2
jQueryはデフォルトでWordPressに含まれていますか？
最新バージョン3.8.1をダウンロードするwp-include/jsと、jQueryフォルダーがあります。 WordPressには常に含まれていると思いますか。つまり、自分で電話をかける必要はありません。例えば wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js', array(), null, false); wp_enqueue_script('jquery');
10 jquery 
2
ログインしていないときにajaxが機能しなくなった
数ヶ月間オートコンプリートフィールドが機能していたが、ログインしていないと機能しなくなった いつかはわかりませんが、最近の数日または1週間以内です（最近ワードプレスを更新していない）。 既に持っている; add_action（ 'wp_ajax_filter_schools'、 'filter_schools'）; add_action（ 'wp_ajax_nopriv_filter_schools'、 'filter_schools'）; functions.phpにあり、どこにもエラーはありません。 ログインしていないときに受け取る応答は、 サファリから... *リクエストURL：http：//www.payingforit.org.uk/wp-admin/admin-ajax.php？term = holywe＆action = filter_schools＆postType = schoolリクエストメソッド：GETステータスコード：302が見つかりました* どんな助けも歓迎します！Dc。 jqueryコード $( "#userSelectedSchool" ).bind( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "autocomplete" ).menu.active ) { event.preventDefault(); } }).autocomplete({ source: function( request, response ) …
9 jquery  ajax 
2
CSSがjQuery UIダイアログを取得しない
フォームページにモーダルjQueryダイアログを追加したいのですが。ダイアログボックスがトリガーされると、テキストコンテンツが表示されますが、CSSは表示されません。ページのfunctions.phpのjqueryを取得しています。 wp_enqueue_script('jquery-ui-dialog'); jquery css（jquery-ui-dialog.css）は、私のwp-includes / cssディレクトリにあります。追加してみた wp_enqueue_style('jquery-ui-dialog'); しかし、それは機能しません。誰もがjQueryダイアログを有効にする適切な方法を知っていますか？
9 jquery 
3
プラグインでjQuery UIを使用する方法
私がGoogleで何かを返しても何も返さないのは、世界で悲しい日です。デフォルトの日付ピッカー（またはこの時点では任意の日付ピッカー）を使用しようとしていますが、Wordpress / PHPに関する知識がないために使用できません。私のプラグインでは、jqueryとuiを登録しようとしていますが、その過程でWordPressの他の部分が壊れているようです。誰かが私が間違っていることを教えてもらえますか？彼らが実用的な解決策を提供できる場合、私はすべてのコードをスクラップします： add_action('init', 'add_styles'); function add_styles(){ wp_deregister_style('simpleschoolstyles'); wp_register_style('simpleschoolstyles', SSM_STYLEFILE); wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'); wp_deregister_script( 'jquery-ui' ); wp_register_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js'); wp_deregister_style( 'jquery-ui' ); wp_register_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/pepper-grinder/jquery-ui.min.css' ); wp_deregister_script('maskedinput'); wp_register_script('maskedinput', SSM_PLUGIN_URL . '/includes/js/jquery.maskedinput.min.js'); wp_deregister_script('simpleschool'); wp_register_script('simpleschool', SSM_PLUGIN_URL . '/includes/js/simpleschool.js'); } add_action('wp_enqueue_scripts', 'load_scripts'); add_action('admin_enqueue_scripts', 'load_scripts'); function load_scripts() { wp_enqueue_style('jquery-ui'); wp_enqueue_style('simpleschoolstyles'); wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui'); …
1
エンキューされたJavaScriptファイルの依存関係を連結および縮小する
を使用wp_enqueue_scriptしてJavaScriptファイルをテーマにロードしています。ただし、それに加えて、エンキューされたスクリプト（Gruntによって既に連結および縮小されている）の依存関係として、いくつかのjQueryファイルもロードしています。これが私のコードです： add_action('wp_enqueue_scripts', function() { wp_enqueue_script( 'customscripts', get_template_directory_uri() . '/assets/js/main.min.js', array('jquery', 'jquery-form', 'json2', 'jquery-ui-autocomplete'), NULL, true ); }); 依存関係配列の場合、これらのjQuery依存関係を連結および縮小するにはどうすればよいですか？私は自分のサイトをできるだけ速くロードしようとしています、そしてそれはロードする必要があるJSファイルが少ないほど良いです。また、（タグのasyncプロパティを使用して）それらを非同期でロードすることが可能であった場合、問題は解決します<script>。 プラグインを使わずにやりたいのですが、必要に応じてプラグインを使います。 助けてくれてありがとう:)
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.