jQuery构建的锚标记不会重定向

Question

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

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

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

Answer 1

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/