Question

我有一行有3列，其中一列我用最近的3个帖子显示了一个mini_post_list。

当我点击迷你帖的标题时，我想显示整个帖子内容。我在哪里做这些改变？

<ul class="mini-posts-list ">
<li class="mini-post-holder clearfix list-item-0">
    <div class="mini-post-content">
        <h4>
            <a href="http://linktopost1" title="Title">THE TITLE</a>
        </h4>
        <div class="mini-post-meta">
            <time datetime="2016-04-18T08:12:51"><span>April 18, 2016</span></time>
        </div>
        <div class="excerpt">lorum lorum lorum lorum lorum ipsum…</div>
    </div>
</li>
<li class="mini-post-holder clearfix list-item-1">
    <div class="mini-post-content">
        <h4>
            <a href="http://linktopost2" title="Title2">THE TITLE2</a>
        </h4>
        <div class="mini-post-meta">
            <time datetime="2015-09-09T20:28:57"> 
                <span>September 9, 2015</span>
            </time>
        </div>
        <div class="excerpt">lorum lorum lorum lorum lorum ipsum…dfsdafasdfasdf</div>
    </div>
</li>

所以当我点击＆＃34; http://linktopost1＆＃34;整个帖子内容将显示在上方或弹出窗口上的div上。谢谢！

Answer 1

您可以在标题中添加onclick事件，并通过此onclick触发javascript函数。此函数应该创建弹出窗口或将div附加到您的html。为每个标题设置唯一ID会更好，这样您就可以知道应该显示哪个帖子。

单击时在div（上方）中显示帖子内容（wordpress）

1 个答案: