0

この質問が以前にここで尋ねられたことは知っていますが、それでも私の場合はわかりませんので、アドバイスしてください。

いくつかの GitHub ページを作成しました。

http://kenokabe.github.io/test

Chrome ブラウザーは最初、このページを開くことができず、リロードが正しく表示されます。Incognite Window は、リロードした後でも失敗します。

Chrome コンソールは次のように述べています。

Uncaught SyntaxError: Unexpected token < jquery-2.0.3.min.js:4

ページはに基づいています

https://github.com/kenokabe/kenokabe.github.io

ブリーフコンテンツ管理システム

サーバー側は関与しません。クライアント側の JS コードがすべてを行います。

準備をする
  • /scheme.htmlは、index.html (自動生成 @setup) のクローンです。

  • /javascripts/invoke.jsブートストラッパー

コンテンツを作成して公開する
  1. デュアル ペイン MarkDown エディターで DOC を編集する

  2. ファイルの最後に、追加します

    <style type="text/css">body {display: none;}</style><script src="/javascripts/invoke.js"></script>

  3. Editor で HTML ファイルを取得し、Github リポジトリのトップ レベルにアップロードします。


http://kenokabe.github.io/test0はオリジナルのhtmlファイルです。

http://kenokabe.github.io/test

は、 を呼び出す 1 行のコードを追加して変更されたブートストラップ html ファイルですinvoke.js

var load = function (src, check, next)
{
    check = new Function('return !!(' + check + ')');
    if (!check())
    {
        var script = document.createElement('script')
        script.src = src;
        document.body.appendChild(script);
        setTimeout(function ()
        {
            if (!check())
            {
                setTimeout(arguments.callee, 100);
            }
            else
            {
                next();
            }
        }, 100);
    }
    else
    {
        next();
    }
};


load(
    'http://code.jquery.com/jquery-2.0.3.min.js',
    'window.jQuery',
    function ()
    {
        $(document).ready(function ()
        {
            $("body").hide(); 
            $("script").attr("src","");
            var body1 = $("body").html();
            $("body").load("/scheme.html", function ()
            {
                $("#doc").html(body1);
                $("body").show();
            });
        })

    }
);
4

0 に答える 0