我正在开发一个Tumblr网站。 当用户点击“阅读更多”时,内容会在同一页面上显示和展开,我该怎么做?
答案 0 :(得分:0)
由于Tumblr正在重新编辑用户界面以进行编辑,因此您可能已经隐藏了“阅读更多”工具。重置您的首选项以使用富文本编辑器编辑帖子。 “更多”工具位于项目符号列表工具和图像工具之间。见截图。
答案 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>