2013-07-16 208 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

相關問題