用jQuery腳本呈現html片段

Question

我正在寫我的第一個jQuery腳本，當我點擊另一個錨點（#dwLink）時，該腳本應該呈現錨點列表（其ID爲#content）。 我得到的是顯示的鏈接，我想要的，但只是毫秒！然後他們消失。

這是我寫的劇本：

$(document).ready(function() { 
    $('#dwLink').bind('click', function() { 
    $('#content').html(
     "<ul>" + 
     "<li><a href=\"#\">Link 1</a></li>" + 
     "<li><a href=\"#\">Link 2</a></li>" + 
     "<li><a href=\"#\">Link 3</a></li>" + 
     "</ul>" 
    ); 
    }); 
}); 

它有什麼不對？ 我找不到問題所在。我知道我可以通過寫入純JavaScript來實現，因爲它是一個基本的dom操作問題，但我想用jQueryesque的方式來完成。 我希望你能幫助我。 謝謝！

Answer 1

$(document).ready(function() { 
    $('#dwLink').bind('click', function(e) { 
    e.preventDefault(); // prevent the default behavior of the link 
    $('#content').html(
     "<ul>" + 
     "<li><a href=\"#\">Link 1</a></li>" + 
     "<li><a href=\"#\">Link 2</a></li>" + 
     "<li><a href=\"#\">Link 3</a></li>" + 
     "</ul>" 
    ); 
    }); 
}); 

這裏是小提琴http://jsfiddle.net/45ShY/