Tumblr在同一页面上阅读更多内容

时间:2013-02-04 06:19:56

标签: tumblr expand

我正在开发一个Tumblr网站。 当用户点击“阅读更多”时,内容会在同一页面上显示和展开,我该怎么做?

2 个答案:

答案 0 :(得分:0)

由于Tumblr正在重新编辑用户界面以进行编辑,因此您可能已经隐藏了“阅读更多”工具。重置您的首选项以使用富文本编辑器编辑帖子。 “更多”工具位于项目符号列表工具和图像工具之间。见截图。

enter image description here

答案 1 :(得分:0)

好的,这是一个简单的脚本,但它有效。在标记之前(或应该如此)在主题中添加此代码:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
     $('.spa').click(function(){
      $(this).parent().children('div.spb').toggle('normal');
      return false;
     });
    });
    </script>


<style type="text/css">
.spb{display:none;}
.spa{cursor:pointer;display:block;} 
.spa:after{display:block;content: "{lang:Read more}";margin-bottom:10px;} 
</style>

现在,当你写一个新文本时,添加那些东西。

    Text before Spoiler
    <a href="" class="spa"></a>
     <div class="spb">
    Text after Spoiler
     </div>