javascript - jQuery构建的 anchor 标记不会重定向

这是我用来在其中构建锚标记和内容的代码。

$('div#right-slide').html("<a href=\"http://www.XXXXXXXXXXXX.info/limited-specials/\" ><h1 id=\"specials\">Click Here for Limited</h1></a><a href=\"http://www.XXXXXXXXXX.info/limited-specials/\" ><h1 id=\"specials1\">Time Specials</h1></a>");

我相信有更好的方法可以解决此问题，但我是新手，只是想立即使它工作。当我将鼠标悬停在文本上时，浏览器底部显示该链接的地址，但是当我单击时，什么也没有发生。有人可以指出我的错误方向吗？谢谢你的帮助。

最佳答案

jQuery允许您避免字符串连接，并且更加简洁。例如：

function specialsLink(text, url) {
  var $h1 = $('<h1 />').text(text);
  var $a = $('<a />').attr('href', url).html($h1);
  return $a;
}

$('div#right-slide')
  .append(specialsLink('Click Here for Limited',
    'http://example.com/limited-specials/'))
  .append(specialsLink('Time Specials',
    'http://example.com/limited-specials/'));

小提琴：http://jsfiddle.net/klenwell/CrP3q/