javascript - JQuery 内置的 anchor 标记不会重定向

Question

这是我用来构建 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>");

我确信有更好的方法来解决这个问题，但我是新手，现在正试图让它发挥作用。当我将鼠标悬停在文本上时，浏览器底部会显示链接的地址，但是当我单击时，没有任何反应。有人可以指出错误的方向吗？谢谢你的帮助。

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/'));

fiddle :http://jsfiddle.net/klenwell/CrP3q/