jquery - 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>");

});

此代码在页面上按应有的方式创建锚链接，但是（至少在 Google Chrome 中）它们不会显示为链接，而是显示为文本。为什么是这样？

Answer 1

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

http://jsfiddle.net/X3399/1/ - 您的代码实际上工作正常，但链接没有指向您可能期望它们指向的位置。