<a> не работает в строке JavaScript

Question

Хорошо, у меня есть плагин для JavaScript на моем веб-сайте.

Я использую Jquery ajax для получения JSON, а затем распечатываю «твит с контентом» с помощью innerHTML тега

на моем сайте ...

Это все работает нормально, однако я хотел сделать все хэштеги и ссылки @. То, как я это настроил, похоже, работает, но по какой-то причине таблицы стилей CSS будут стилизовать ссылку, однако браузер не рассматривает ссылки как ссылки.

var dynamicString = data[0].text;
var dispString = "";
while(dynamicString.indexOf("#") != -1)
{
  var indexOfHash = 0;
  var indexOfSpace =0;
  var indexOfHash = dynamicString.indexOf("#");
  dispString += dynamicString.slice(0, indexOfHash);
  dynamicString = dynamicString.slice(indexOfHash, dynamicString.length);                                   
  indexOfSpace = dynamicString.indexOf(" ");
  dispString += "<a class='twitterlink' href='http://twitter.com/#!/search/%23";
  dispString += dynamicString.slice(1, indexOfSpace);
  dispString += "'>" + dynamicString.slice(0, indexOfSpace) + "</a>";
  dynamicString = dynamicString.slice(indexOfSpace, dynamicString.length);
}

dispString += dynamicString;

var twitterPTag = document.getElementById('lasttweet');
twitterPTag.innerHTML = "<span id='tweettitle'>Latest Tweet:</span><br />" + dispString;

Мой веб-сайт justinmburrous.com, проверьте любую страницу, где работает этот скрипт, вживую.

Answer 1

Изменение

h2.subpageheader {
    color: black;
    left: 50%;
    margin-left: -350px;
    position: absolute;
    text-align: left;
    top: 81px;
    width: 900px;
    z-index: 3;
}

он слишком широкий и z-индекс выше, чем ссылка