这里的想法很简单。你点击一个按钮并出现一个链接。我研究了这个page后得到了这个想法。所以我建立了一个原型。但是,我收到一个错误,指出:Uncaught SyntaxError:意外的标识符。“已解决”未捕获的SyntaxError:意外的标识符只能让我的脚本无法正常工作?
我想过,是吧?所以,我跟踪它到这个小家伙在这里:
$('#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>
SCRIPT
$('#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”。就像我发现的here,但用url代替。鉴于我没有错误消息。我已经浪费太多时间来弄清楚什么是错误的。我在考虑捣毁这种方法?啊。如果任何人都能找到一个能够提醒我的眼睛的快速解决方案,请随时投入。
这是我整个原型的一个小提琴示例。现在很多事情突然打断了我。请参阅here。 :(
这只是正常的我http://jsfiddle.net/LwvkL/删除这个页面可能会做一些有趣的事情,取决于你的浏览器。 –
当你点击你的按钮时,页面是否做回发?尝试添加'e.preventDefault()'到你的点击处理器 –
我选择了白色是因为我的页面背景是黑色的 – GeekyOmega