JQuery内置的锚标记不会重定向

JQuery built anchor tag will not redirect

本文关键字:重定向 内置 JQuery      更新时间:2023-09-26

下面是我用来构建锚标记和内容的代码。

$('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/