用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/