0

我正在使用结构如下的 tumblr 主题： 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <style>
        </style>
        <body>
        </body>
    </html>

没有我认为奇怪的头部标签，但它工作正常；因为当您运行该站点时，它会自动放置头部标签。但是，由于我使用的是插件，所以我自己添加了 head 标签，以便更好地控制，因为有些需要我将它放在<head>. 这在 chrome 和 safari 中运行良好，但它禁用了我在 Firefox 和 IE 中的一个脚本：

$(document).ready(function () {
       var speed = 25,
        timer;
    $("#hoverscroll").hover(function () {
        $(this).css({cursor: 'none'});
        $(this).css({opacity: '0'});
        var div = $('body');
        (function startscrolling(){
            timer = setTimeout(function () {
                var pos = div.scrollTop();
                div.scrollTop(pos + 1);
                startscrolling();
            }, speed);
        })();
    },

    function () {
        $("#hoverscroll").css({opacity: '1'});
        clearTimeout(timer);
        speed = 25;
    })
    .click(function(){
         speed = 1;
    });

});

这是一个简单的脚本，当元素悬停时它会滚动页面。

我在这两个演示站点中重现了该问题：

http://testmycode.tumblr.com/这个网站有 head 标签，在 chrome 中滚动，在 Firefox 中不滚动。

http://testmycode2.tumblr.com/这个网站没有head标签，完美运行并且在所有浏览器中滚动。

4

2 回答 2

0

“但是，由于我使用插件，我自己添加了头部标签，以便更好地控制”

你那是什么意思？

大多数时候都有替代解决方案。

一个正确的 html 需要一个 html 标签、一个 head 标签和一个 body 标签

在你放置 meta、script 和 style 标签的 head 标签内

最小结构是

<html>
 <head>
 </head>
 <body>
 </body>
</html>

否则它不是一个 html 文件。

html5推出近十年......

由于它类似于基本结构，因此适用于所有浏览器。

<!doctype html> // html5
<html lang="en"> // language set to english
<head>
<meta charset="utf-8"> // can decode almost al charachters éçàò..
<style></style>
<script></script>
<title>Title</title>
</head>
<body>
</body>
</html>

现在正在检查您的代码。

<script>

进入头部（或在身体的末端[或在每个元素之后]）

如果你把代码放在头上..

处理体内的元素

你需要添加一个 window.onload // DOMContentLoaded

否则你无法访问 dom 元素。

现在从 Chrome 中查看您的代码，错误从 html 标记开始。

为什么 html 有 webkit 动画？

然后你在谈论 doctype 标签而不是 head 标签。因此，如果您告诉我们您为什么需要我们可能会找到解决方案。

于 2013-08-21T15:43:44.870 回答
0

您可以使用 JQuery 将代码添加到您的 head 标签，如下所示

$("head").append("<script src=\"mypluginscript.js\"></script>");

这将允许您向其中添加任何新代码，而无需编写 head 标签

一个例子！

于 2013-08-21T15:12:38.440 回答