0

だから、私はjsfiddleでこのリダイレクトジェネレーターを少しいじっていて、欲しいものを手に入れました。それを使用してhtmlページを作成しようとしていますが、うまく機能しません。 http://jsfiddle.net/wVUhN/2/

私はまだjqueryにかなり慣れていません。私の redirect.html ページ コード。

<html>
<head>
<title>Redirect Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$("#submit").click(function(){
    theurl = $("#theurl").val();
    $("textarea#newvalue").val('<html><head><meta HTTP-EQUIV="Refresh" CONTENT="0; URL="'+theurl+'"></head><body>This page has been moved.<p><a href="'+theurl+'">IF YOU ARE NOT REDIRECTED, PLEASE CLICK HERE.</a></body></html>');    
});
</script>
</head>
<body>

<input type="text" id="theurl" placeholder="enter URL" /><button id="submit">Create Redirect</button>
<br>
<textarea id="newvalue"></textarea>


</body>
</html>

ライブ URL: http://buildlinux.com/frontline/redirect.html

4

2 に答える 2

3

コードをドキュメント対応ハンドラー内に配置する必要があります。

$(document).ready(function(){
  // ...
})

または、より短い方法:

$(function () {
    $("#submit").click(function () {
        theurl = $("#theurl").val();
        $("textarea#newvalue").val('<html><head><meta HTTP-EQUIV="Refresh" CONTENT="0; URL="' + theurl + '"></head><body>This page has been moved.<p><a href="' + theurl + '">IF YOU ARE NOT REDIRECTED, PLEASE CLICK HERE.</a></body></html>');
    });
});
于 2013-03-13T00:39:25.207 に答える
0

<body>の最後(の前)にカスタム スクリプトを追加する </body>か、.onload を使用して実行します。デフォルトで設定されている onLoad オプションがあるため、JSfiddle で動作します。

于 2013-03-13T00:41:11.933 に答える