javascript - 使用 jQuery 脚本呈现 html 片段

Question

我正在编写我的第一个 jQuery 脚本，当我单击另一个 anchor (#dwLink) 时，它应该在 div(其 id 为#content)中呈现一个 anchor 列表。 我得到的是我想要显示的链接，但只是几毫秒!然后它们就消失了。

这是我写的脚本:

$(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>"
    );
  });
});

这是 fiddle http://jsfiddle.net/45ShY/