Intereting Posts
Как получить текущий идентификатор страницы за пределами цикла? календарь событий: Категории, не заданные при использовании tribe_create_event () Как обойти WP REST API на листе страницы без разбивки на страницы? Изменение статуса страницы после события (поиск рекомендаций по лучшей практике) Лучшие практики для полностью настраиваемой домашней страницы – без плагинов Создание условий для персонализированной почты для сохранения данных? Расширенная форма поиска с фильтрами для пользовательских таксономий и настраиваемых полей не могут видеть категории в категориях-меню-меню Форсировать форму поиска, чтобы перейти на чистый URL-адрес без нескольких переадресаций Удалить дублирующиеся значения из цикла Помощь с Magpiers и WordPress Должен ли я размещать форум поддержки на wordpress.org или на моем собственном веб-сайте? Неизвестная сортировка при импорте дампа из существующего сайта в базу данных разработки? Вводная запись (из определенной категории) между сообщениями в Loop rt media plugin count не работает в shortcode

Как сделать мой пост 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 });