2015-02-09 4 views
2

Я создал тему Wordpress, используя фреймворк bootstrap, и когда пользователь нажимает на сообщение, вместо перехода на одну страницу сообщения модальный всплывает и отображает содержимое сообщения.Добавление следующей и предыдущей кнопки в сообщении Wordpress внутри модального

Моя проблема в том, что мне нужно было добавить следующую/предыдущую кнопку, поэтому, когда пользователь нажимает на нее, модальный закрывается, а другой появляется со следующим содержимым почты.

Это мой код:

content.php

<a href="#myModal-<?php the_ID(); ?>" data-toggle="modal" class="clickme readmore text-right">Read more</a> 

    <div id="myModal-<?php the_ID(); ?>" class="modal fade"><?php include 'popup-modal.php'; ?>  </div> 

всплывающих modal.php

<div class="modal-dialog"> 
<div class="modal-content"> 

POST CONTENT HERE....... 

<div class="nav-links"> 
<div class="nav-previous"> 
<a href="#" rel="prev" data-dismiss="modal" data-toggle="modal"></a> 
</div> 
<div class="nav-next"> 
<a href="#" rel="next" data-dismiss="modal" data-toggle="modal"></a> 
</div> 
</div> 

</div> 
</div> 

Теперь я не уверен, что надеть href navlinks, поэтому я могу вызывать следующие сообщения и отображать их внутри модального. Надеюсь, кто-то может помочь мне в этом.

ответ

2

Вот мое решение:

<?php $next_post = get_adjacent_post(false,'',false);?> 
<?php $previous_post = get_adjacent_post(false,'',true);?> 

, а затем выход навигации:

<div class="navigation row"> 
<div class="col-md-6"> 
    <?php if($next_post->ID != ''): ?> 
     <a href="#myModal-<?php echo $next_post->ID; ?>" data-toggle="modal" > 
      <button type="button" class="btn btn-default m-t-30">Previous</button> 
     </a> 
    <?php endif; ?> 
</div> 
<div class="col-md-6"> 
    <?php if($previous_post->ID != ''): ?> 
     <a href="#myModal-<?php echo $previous_post->ID; ?>" data-toggle="modal" > 
      <button type="button" class="btn btn-default m-t-30">Next</button> 
     </a> 
    <?php endif; ?> 
</div> 

0

попробовать что-то вроде этого

<div class="next-page"><?php next_posts_link('Next Page<i class=""></i>'); ?></div> 

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

+0

Не это один, мне это нужно чтобы быть внутри модального, так что, когда пользователь нажимает на него, модальный закрывается, а другой появляется со следующим содержимым следующей записи. – deedee92

+0

Вы можете добавить это внутри модального. Но я бы обычно использовал тег «» с стилем кнопки bootstrsps. Там вы можете вывести что-то вроде #myMidal - (или geht_the_ID() + 1) – jankal

Смежные вопросы