<a> not working in javascript string</a>

时间:2011-02-12 20:46:48

标签: javascript api twitter hyperlink

好的,我的网站上有一个基于javascript的twitter插件。

我使用Jquery ajax来获取JSON,然后我在我的网站上用

标签的innerHTML打印出“推文内容”......

一切正常,但我想制作所有的标签和@链接。我有这个设置的方式似乎是有效的,但由于某种原因,CSS样式表将设置链接的样式,但是borwser不会将链接视为链接。

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,请查看此脚本工作的任何页面,直播。

1 个答案:

答案 0 :(得分:2)

更改

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

太宽,z-index高于链接