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 タグを自分で追加して、より適切に制御できるようにしました<head>。これは chrome と safari では問題なく動作しましたが、firefox と IE で私のスクリプトの 1 つを無効にしました。

$(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;
    });

});

要素がホバーされたときにページをスクロールする単純なスクリプトです。

次の 2 つのデモ サイトで問題を再現しました。

http://testmycode.tumblr.com/このサイトには head タグがあり、chrome ではスクロールしますが、Firefox ではスクロールしません。

http://testmycode2.tumblr.com/このサイトにはヘッド タグがなく、すべてのブラウザーで完全に機能し、スクロールします。

4

2 に答える 2

0

「しかし、私はプラグインを使用しているので、自分で head タグを追加して、より適切に制御できるようにしました」

どういう意味ですか?

ほとんどの場合、代替ソリューションがあります。


適切な html には、html タグ、head タグ、および body タグが必要です。

head タグ内に、meta、script、style タグを配置します

最小限の構造は

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

それ以外の場合は、html ファイルではありません。

html5 がリリースされてからほぼ 10 年....

基本構造に似ているため、すべてのブラウザで動作します。

<!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 アニメーションがあるのはなぜですか?

次に、head タグではなく doctype タグについて話します。そのため、必要な理由を教えていただければ、おそらく解決策を見つけることができます。

于 2013-08-21T15:43:44.870 に答える
0

以下のように、JQuery を使用して head タグにコードを追加できます。

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

これにより、ヘッドタグを書かなくても新しいコードを追加できます

例!

于 2013-08-21T15:12:38.440 に答える