2013-07-16 55 views
0

这里的想法很简单。你点击一个按钮并出现一个链接。我研究了这个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。 :(

+1

这只是正常的我http://jsfiddle.net/LwvkL/删除这个页面可能会做一些有趣的事情,取决于你的浏览器。 –

+2

当你点击你的按钮时,页面是否做回发?尝试添加'e.preventDefault()'到你的点击处理器 –

+0

我选择了白色是因为我的页面背景是黑色的 – GeekyOmega

回答

0

我会改变你的单,双引号,以及...这个工作对我罚款:。

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

它确实正常工作我不得不删除按钮,链接生成器在提交完成之后完成其他事情之后吃了。谢谢。我代表所有回复的人。谢谢你的时间。 – GeekyOmega

相关问题