Question

我想将twitter-list小部件添加到一个子页面。

一方面，子页面HTML编辑器不运行JS，因此输入窗口小部件代码将无法正常工作。

另一方面，我不知道如何在主题HTML中输入代码，但只在一个页面上显示。

我应该放弃并只使用重定向页吗？

感谢。

Answer 1

详细说明我的意见。

可以将自定义j添加到单个页面，或使用html编辑器在tumblr中发布。

我添加的代码如下所示：

<p>Content</p>
<p><a class="twitter-share-button" href="https://twitter.com/share"> Tweet </a></p>
<script type="text/javascript">// <![CDATA[
window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return}js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,"script","twitter-wjs"));
// ]]></script>
<script src="http://slackwise.cfmldeveloper.com/jstests/scripts/bg.js" type="text/javascript"></script>

第二个js文件的内容如下所示：

$(document).ready(function() { 

   $('body').css('background-color','#FF0000');
   console.log('remote file served');

});

此js只能在一页上运行。在这种情况下，我在我的一个tumblr帐户上创建了一个测试页面（参见上面的评论）。

此外，Tumblr不会在预览模式下运行外部JavaScript。您必须保存内容并在浏览器中调整页面。

如何在tumblr子页面上运行JS小部件

1 个答案: