如何使jQuery在tumblr中工作

时间:2013-12-23 00:27:44

标签: jquery

这是我的script.js文件中的jQuery代码:

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

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

1 个答案:

答案 0 :(得分:2)

登录后需要转到“自定义主题”,然后“编辑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>

上面的例子要求你将script.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>