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

3
ドラッグアンドドロップjQuery UI Sortablesフロントエンドレイアウトエディターの状態を保存する方法
jQuery UI Sortableを使用して、フロントエンドのポストレイアウトエディターを構築しています。 投稿は、背景画像の上に300x250ピクセルのボックスで配置されます。投稿はWordPress管理者を使用して作成および編集されますが、サイト管理者がフロントエンドのドラッグアンドドロップインターフェイスを使用してボックスの順序を調整できるようにしたいと思います。 ドラッグアンドドロップの並べ替え可能な部分は動作していますが、ボックスの状態(順序)を保存する方法を考え出す必要があります。理想的には、状態をオプションとして保存し、クエリに組み込むことができるようにしたいと思います。 投稿のクエリは、カスタムメタボックスからデータを取得して個々のボックスレイアウトを決定する単純なWP_Queryです。 $args= array( 'meta_key' => 'c3m_shown_on', 'meta_value'=> 'home' ); $box_query = new WP_Query($args); ?> <ul id="sortable"> <?php while ($box_query->have_posts()) : $box_query->the_post(); global $post; global $prefix; $box_size = c3m_get_field($prefix.'box_size', FALSE); $box_image = c3m_get_field($prefix.'post_box_image', FALSE); $overlay_class = c3m_get_field($prefix.'overlay_class', FALSE); if ( c3m_get_field($prefix.'external_link', FALSE) ) { $post_link = …


2
jquery-ui-datepickerの組み込みスタイル
WordPressに同梱されているデートピッカーをウェブサイトのフロントエンドで利用したい。キューに入れましたjquery-ui-datepickerが、日付ピッカーのスタイルが設定されていません(コンソールにjsエラーはありません)。それに対応するものはありwp_enqueue_styleますか? 私はこのコードを使用しました functions.php function rr_scripts() { wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'jquery-ui-datepicker', array( 'jquery' ) ); wp_register_style( 'bootstrap_css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' ); wp_enqueue_style( 'bootstrap_css' ); # I'm using Twitter Bootstrap as CSS(if it matters) } add_action( 'wp_enqueue_scripts', 'rr_scripts' );

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'); …

3
jquery-uiをエンキューする正しい方法
プラグインにjquery-uiスクリプトとスタイルを含めるのに苦労しています。私のwp_enqueue_script通話は単に無視されているようです。 これに似た質問はすでにたくさんありますが、私がこれまでに見つけたすべての回答は、私がすでに行っているアクションフックwp_enqueue_script内で呼び出すために要約されますwp_enqueue_scripts。 私のクラスのコンストラクターでは、次のように呼び出します。 add_action( 'wp_enqueue_scripts', array($this, 'enqueue_scripts') ); そして、以下: public function enqueue_scripts() { wp_enqueue_script( 'jquery-ui-core', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-widget', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-mouse', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-accordion', false, array('jquery') ); wp_enqueue_script( 'jquery-ui-autocomplete', false, array('jquery')); wp_enqueue_script( 'jquery-ui-slider', false, array('jquery')); コードが実際にページが読み込まれるたびに実行されることを確認しました。ただし、ページ<link>にはjquery-uiライブラリのタグがありません。呼び出しのjquery3番目の引数で明示的に指定された依存関係を使用して、または使用せずに、すでに試しましたwp_enqueue_script。 私は、私以外にプラグインをインストールせずに、デフォルトの21の17テーマのみを使用して、単純なWP 4.8インストールを試してみました。サイコロはありません。 私のコードの何が問題になっていますか?
8 jquery-ui 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.