jquery代码没有链接链接

Question

我有以下jquery代码：

$(document).ready(function() {
$("body[class*=page-calendar-practices] #content-header h1#title").after("<div id='athletics_practice-schedule'><div id='inner-title'><a href='www.example.com' class='athletics_links'>GAMES</a><a href='www.example.com/games' class='athletics_links'>PRACTICES</a></div></div>");

});

此代码会按原样在页面上创建锚点链接，但（至少在谷歌浏览器中）它们不会像文本一样显示为链接。这是为什么？

Answer 1

可能是因为它们不是正确的网址？您需要在绝对URL的域名前添加“http：//”。

http://jsfiddle.net/X3399/1/ - 您的代码实际上运行正常，但链接并未指向您可能希望它们指向的位置。