如何让jQuery在Tumblr中工作

这是我的脚本.js文件中的jQuery代码：

$(document).ready(function() {
$('#NEW').delay(250).fadeIn(1000);
$('#MEDIA').delay(850).fadeIn(1000);
$('#NEWB').delay(1600).fadeIn(1000);
});

我在哪里以及如何将这些代码放在我的 HTML 中？我知道我需要在头部部分有脚本标签。但是具体是什么？至于正确的<script ref="... ">标签以及我将这些代码准确放在哪里。

您需要在

登录时转到"自定义主题"，然后转到"编辑html"，该主题应位于顶部，然后在<head>和</head>标签之间粘贴相关代码

例如：

<head>
    <title>{Title}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>

上面的例子要求你上传脚本.js到tumblr的服务器，并获取他们给你的绝对URL，下面是一个内联示例，如果你不熟悉主题，它可能对你更好：

<head>
    <title>{Title}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#NEW').delay(250).fadeIn(1000);
            $('#MEDIA').delay(850).fadeIn(1000);
            $('#NEWB').delay(1600).fadeIn(1000);
        });
    </script>
</head>

相关内容

最新更新

热门标签：