0

ここでの考え方は単純です。ボタンをクリックすると、リンクが表示されます。このページを読んだ後、私はアイデアを得ました。ということで試作品を作りました。ただし、次のようなエラーが表示されます: Uncaught SyntaxError: Unexpected identifier.

え？と思いました。だから私はこの小さな男にそれを追跡しました：

$('#myLink').append('<a href="'http://www.google.com'"><font = "'white'">Googlez</font></a>');

notepad ++を使用してさらに調査したところ、書式設定がすべてめちゃくちゃになっていることがわかりました。URL リンクの後、緑色で強調表示されます。これは、編集者がテキスト コメントであると考えていることを示しています。さて、それは失敗でできています。だから私はこれを試しました：

$('#myLink').append('<a href="http://www.google.com"><font = "white">Google</font></a>');

編集者はこれをより気に入りました。それで私はテストするためにブラウザに行きました。エラーはなくなりました。警告メッセージが表示されました...その後何もありません。テスト ボタンをクリックしてもリンクがありません。以下に関連するコード部分を含めます。

HTML

<div id="test">
        <center><input id="generateLink" type="button" value="Test"></center>
    </div>
    <div id="generateResponse">
        <fieldset>
            <center>
            <legend><font color="white">Here is a link</font></legend>
            </center>
                <center>
                    <div id="myLink"></div>
                </center>
        </fieldset>
    </div>

脚本

$('#generateLink').click(function(e){
        $('#myLink').html("");
        $('#myLink').append('<a href="http://www.google.com"><font = "white">Google</font></a>');
        alert('I was clicked');
    });

私のjavascriptは上記のとおりです。div ID「myLink」を更新しようとしています。ここで見つけたもののようなものですが、代わりに URL を使用します。エラーメッセージがない場合。私は何が間違っているのかを理解するのにあまりにも長い間無駄にしました。このアプローチを破棄することを考えていますか? うーん。誰かが私の目をほのめかしている簡単な修正を見つけることができる場合は、お気軽に参加してください.

これは私のプロトタイプ全体のフィドルの例です。今、多くのことが突然私の中で壊れています。こちらをご覧ください。:(

4

1 に答える 1

0

一重引用符と二重引用符も変更します...これは私にとってはうまくいきました：

$('#generateLink').click(function(e){
    $('#myLink').html("");
    $('#myLink').append("<a href='http://www.google.com'><font = 'white'>Google</font></a>");
    alert('I was clicked');
});
于 2013-07-16T16:06:16.097 に答える