Intereting Posts
Получить все условия для массива сообщений Удалить постоянную ссылку Meta Box не работает? Невозможно увидеть шаблон архива CPT Не удается получить доступ к wp-admin как перенаправление на wp-signup.php? Просмотр почтового сообщения, когда пользователь открывает любую запись Дополнительные поля пользовательского почтового типа – как обращаться? Ошибка single.php Отображать контент на основе имени пользователя Подключение внешнего веб-приложения к wordpress Почему я должен дважды нажать кнопку «Обновить», чтобы сохранить значения метаданных? Почему One Click Update не работает на локальном хосте, используя FTP с 777 правами на файлы сайта? Проблема получения gettext для работы с условными операторами Изменение отображаемого изображения для страниц в двадцать семнадцать тем Как сделать свою функцию добавлением переменных / значений в объект $ post? Пользовательский плагин Woocommerce в wordpress

Как сделать мой пост WordPress в предварительном просмотре мыши?

Предварительный просмотр мышки обычно показывает только заголовок и изображение. Вместо этого я хочу, чтобы весь пост WordPress показывался. Код, вызывающий предварительный просмотр, следующий:

adTitle = jQuery(this).find('img').attr('alt'); jQuery('body').append("<div id='preview'><a href='"+ this.href +"' class='colorbox-thumb'><img src='"+ this.href +"' alt='' /></a><p>"+ adTitle +"</p></div>"); jQuery('#preview') .fadeIn('fast') 

Вместо этого я хочу вставить пост WordPress.

Я попытался вставить php-код после append("<div..." но он уничтожает всю страницу. Кто-нибудь знает, как вставить сообщение WordPress, относящееся к миниатюре в этот javascript, чтобы сообщение показывалось с overflow-y: auto прокрутки в предварительный просмотр hover?


Я не уверен, подходит ли этот сайт новичкам, но я действительно знаю, как вырезать и вставлять.

Ниже приведен код единого объявления (single-ad_listing.php). Мне интересно, как сделать то, что вы описали выше, чтобы вставить его.

  <?php get_header(); ?> <script type='text/javascript'> // <![CDATA[ /* setup the form validation */ jQuery(document).ready(function ($) { $('#mainform').validate({ errorClass: 'invalid' }); }); // ]]> </script> <?php // if($_GET['reportpost'] == $post->ID) { app_report_post($post->ID); $reported = true;} ?> <div class="content"> <div class="content_botbg"> <div class="content_res"> <div id="breadcrumb"> <?php if ( function_exists('cp_breadcrumb') ) cp_breadcrumb(); ?> </div> <!-- <div style="width: 105px; height:16px; text-align: right; float: left; font-size:11px; margin-top:-10px; padding:0 10px 5px 5px;"> --> <?php // if($reported) : ?> <!-- <span id="reportedPost"><?php _e('Post Was Reported', 'appthemes'); ?></span> --> <?php // else : ?> <!-- <a id="reportPost" href="?reportpost=<?php echo $post->ID; ?>"><?php _e('Report This Post','appthemes') ?></a> --> <?php // endif; ?> <!-- </div> --> <div class="clr"></div> <div class="content_left"> <?php appthemes_before_loop(); ?> <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post() ?> <?php appthemes_before_post(); ?> <?php appthemes_stats_update( $post->ID ); //records the page hit ?> <div class="shadowblock_out"> <div class="shadowblock"> <?php appthemes_before_post_title(); ?> <h1 class="single-ad"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1> <div class="clr"></div> <?php appthemes_after_post_title(); ?> <div class="pad5 dotted"></div> <div class="bigright"<?php if(get_option($GLOBALS['app_abbr'].'_ad_images') == 'no') echo 'style="float:none;"'; ?>> <ul> <?php // grab the category id for the functions below $cat_id = appthemes_get_custom_taxonomy( $post->ID, APP_TAX_CAT, 'term_id' ); // check to see if ad is legacy or not if ( get_post_meta( $post->ID, 'expires', true ) ) { ?> <li><span><?php _e('Location:', 'appthemes') ?></span> <?php echo get_post_meta( $post->ID, 'location', true ); ?></li> <li><span><?php _e('Phone:', 'appthemes') ?></span> <?php echo get_post_meta( $post->ID, 'phone', true ); ?></li> <?php if ( get_post_meta( $post->ID, 'cp_adURL', true ) ) ?> <li><span><?php _e('URL:','appthemes'); ?></span> <?php echo appthemes_make_clickable( get_post_meta( $post->ID, 'cp_adURL', true ) ); ?></li> <li><span><?php _e('Listed:', 'appthemes') ?></span> <?php the_time( get_option( 'date_format' ) . ' ' . get_option( 'time_format' ) ) ?></li> <li><span><?php _e('Expires:', 'appthemes') ?></span> <?php echo cp_timeleft( strtotime( get_post_meta( $post->ID, 'expires', true ) ) ); ?></li> <?php } else { if ( get_post_meta($post->ID, 'cp_ad_sold', true) == 'yes' ) : ?> <li id="cp_sold"><span><?php _e('This item has been sold', 'appthemes'); ?></span></li> <?php endif; ?> <?php // 3.0+ display the custom fields instead (but not text areas) cp_get_ad_details( $post->ID, $cat_id ); ?> <?php } // end legacy check ?> </ul> </div><!-- /bigright --> <?php if ( get_option( 'cp_ad_images' ) == 'yes' ) : ?> <div class="bigleft"> <div id="main-pic"> <?php cp_get_image_url(); ?> <div class="clr"></div> </div> <div id="thumbs-pic"> <?php cp_get_image_url_single( $post->ID, 'thumbnail', $post->post_title, -1 ); ?> <div class="clr"></div> </div> </div><!-- /bigleft --> <?php endif; ?> <div class="clr"></div> <?php appthemes_before_post_content(); ?> <div class="single-main"> <?php // 3.0+ display text areas in content area before content. cp_get_ad_details( $post->ID, $cat_id, 'content' ); ?> <h3 class="description-area"><?php _e( 'Description', 'appthemes' ); ?></h3> <?php the_content(); ?> </div> <?php appthemes_after_post_content(); ?> </div><!-- /shadowblock --> </div><!-- /shadowblock_out --> <?php appthemes_after_post(); ?> <?php endwhile; ?> <?php appthemes_after_endwhile(); ?> <?php else: ?> <?php appthemes_loop_else(); ?> <?php endif; ?> <div class="clr"></div> <?php appthemes_after_loop(); ?> <?php wp_reset_query(); ?> <div class="clr"></div> <?php comments_template( '/comments-ad_listing.php' ); ?> </div><!-- /content_left --> <?php get_sidebar( 'ad' ); ?> <div class="clr"></div> </div><!-- /content_res --> </div><!-- /content_botbg --> </div><!-- /content --> <?php get_footer(); ?> 

Solutions Collecting From Web of "Как сделать мой пост WordPress в предварительном просмотре мыши?"

Я бы отделил ваш PHP и Javascript.

Запустите цикл, как обычно, но вместо того, чтобы показывать его на странице, оберните его в div с отображением: none;

Удостоверьтесь, что каждый пост имеет идентификатор, который вы можете идентифицировать, а затем на том, что вы наваливаете, может иметь rel, с тем же идентификатором. то ваш jquery hover будет больше похож …

 jQuery('.hoverGuys').hover(function(){ theIDIneed = jQuery(this).attr('rel'); jQuery("#"+theIDIneed).show(); // this is the simple example, you might want to use clone });