Загрузка содержания сообщения в FancyBox

Я получил хитрый вопрос. Я создал пользовательский тип сообщения, сообщения которого я хотел бы показать в кольцевой галерее прокрутки. Кольцевая галерея только отобразит заголовок, выборку и "чтение больше" кнопки. "Чтение больше" кнопки показывает полное сообщение в FancyBox.

Вот мой код до сих пор:

<ul id="slider2">
<?php
    $args = array( 'post_type' => 'jobs', 'posts_per_page' => 15 , 'order' => 'ASC' );
    $loop = new WP_Query( $args ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <li>
            <h4><?php the_title(); ?></h4>
            <?php echo excerpt( '30' ); ?>
            <a class="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Read more &rarr;</a>
            <div style="display: none;">
                <div id="inline1" style="width:400px;height:100px;overflow:auto;"><?php the_content(); ?></div>
            </div>
        </li>
    <?php endwhile; wp_reset_query(); ?>
</ul> 

Все работает приятно. Сценарии Кольцевой галереи и FancyBox загружаются правильно, но FancyBox отображает неправильное содержание.

Любая справка/совет была бы большой.

1
06.11.2012, 00:58
3 ответа

Если Ваше fancybox содержание не то, что Вы хотите затем проблему, наиболее вероятно с Вашим jQuery или сменным использованием.

Если Вы используете "fancybox для Wordpress" плагин, это был мой опыт, что он не обрабатывает встроенное содержание хорошо по умолчанию. Вы, возможно, должны определить дополнительный вызов в плагине.

Похоже на зеркальное отражение встроенного использования на сайте fancybox.net.
Необходимо попытаться реализовать подобный вызов к fancybox, который используется там:

$("#various1").fancybox({
    'titlePosition'     : 'inside',
    'transitionIn'      : 'none',
    'transitionOut'     : 'none'
});`

это - призыв к этому примеру HTML:

<a id="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Inline - auto detect width / height</a>

Где various1 идентификатор ссылки, и fancybox отображает содержание элемента, который соответствует идентификатору атрибута href в ссылке (в этом случае href="#inline1").

0
19.02.2020, 22:55
  • 1
    Привет Evan No, это не было моей проблемой FancyBox, хорошо работает его, просто не отображает правильное содержание, поскольку я хотел бы отобразить содержание от того сообщения от цикла в том Fancybox –  jmysona 29.06.2012, 17:51

Проблема - то, что Вы объявляете тот же идентификатор для каждого DIV в ЦИКЛЕ. То, в чем Вы нуждаетесь, должно сделать что-то вроде этого:

    <ul id="slider2">
<?php
    $args = array( 'post_type' => 'jobs', 'posts_per_page' => 15 , 'order' => 'ASC' );
    $loop = new WP_Query( $args ); $i = 0; ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); $i++; ?>
        <li>
            <h4><?php the_title(); ?></h4>
            <?php echo excerpt( '30' ); ?>
            <a class="various1" href="#inline<?php echo $i; ?>" title="Lorem ipsum dolor sit amet">Read more &rarr;</a>
            <div style="display: none;">
                <div id="inline<?php echo $i; ?>" style="width:400px;height:100px;overflow:auto;"><?php the_content(); ?></div>
            </div>
        </li>
    <?php endwhile; wp_reset_query(); ?>
</ul> 

У меня есть изменение inline1 с inline[?php echo $i; ?].

Надежда это решает Вашу проблему.

1
19.02.2020, 22:55

Надежда Это поможет

<ul id="slider2">  
<?php
$args = array( 'post_type' => 'jobs', 'posts_per_page' => 15 , 'order' => 'ASC' );
$loop = new WP_Query( $args ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); global $post; ?>
    <li>
        <h4><?php the_title(); ?></h4>
        <?php echo excerpt( '30' ); ?>
        <a class="various1 fancybox" href="#inline<?php echo $post->ID; ?>" title="Lorem ipsum dolor sit amet">Read more &rarr;</a>
        <div style="display: none;">
            <div id="inline<?php echo $post->ID;  ?>" style="width:400px;height:100px;overflow:auto;"><?php the_content(); ?></div>
        </div>
    </li>
<?php endwhile; wp_reset_query(); ?>

1
19.02.2020, 22:55
  • 1
    Попытайтесь объяснить свой код, так, чтобы код мог быть реализован со всеми его лучшее. :) –  Mayeenul Islam 02.07.2014, 07:52

Теги

Похожие вопросы