0

这里的想法很简单。您单击一个按钮,就会出现一个链接。我在研究这个页面后得到了这个想法。所以我做了一个原型。但是,我收到一条错误消息:Uncaught SyntaxError: Unexpected identifier。

我想,嗯?所以我在这里找到了这个小家伙:

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

使用记事本++,我进一步调查,我发现格式都搞砸了。在 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 回答