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/

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

1 个答案: