這裏的想法很簡單。你點擊一個按鈕並出現一個鏈接。我研究了這個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