2013-03-20 59 views
0

这可能是不可能的,但无论如何我会把它扔掉。我想要一种突出显示文本的方式,以便当您从链接进入页面时,jQuery将使用链接(或其他标识符)中的rel属性突出显示特定文本。动态文本突出显示使用前一页链接的相对值

例如,假设我有一个活动注册网站,并且有一个'演讲者'部分将在整个活动的各种研讨会上进行讲座。然后有一个单独的页面,其中包含一个日历,供演讲者演讲时使用。

演讲者的名字和图片链接到基于表格的日历。到目前为止,我只能使用包含相应时间段的表格行中的ID将演讲者的图片和名称链接到日历页面上的表格行。

问题是,有时一个扬声器会与其他扬声器混合在一起,或者它们的表格行太靠近底部,因此浏览器窗口将不会与其完全对齐。可读性下降或名称在杂乱中丢失。

我想弄清楚如何在议程表中突出显示演讲者的姓名,这取决于用户在“演讲者”部分中点击的任何演讲者的名称。这样,如果浏览器窗口不对齐名称将是可见的,用户将不必扫描它。

有什么建议吗?我非常感谢,我对jQuery相对比较青睐。谢谢。

回答

0

所以首先关闭所有你需要确保每个扬声器的链接的格式如下:

<a href="/speaker/12?s=speaker_name>Speaker Name</a> 这里最重要的部分是:* S = SPEAKER_NAME *一旦你整理已

,得到你需要有这些变量/扬声器/ 12页:

var pathname = window.location.pathname; //will return the full url 
var speakerName = pathname.split('s='); //will split the the url into 2 elements 

现在确保与具有等价类t分别扬声器名跨度O扬声器名称和最后一个简单的jQuery命令:

$('.'+speakerName[1]).css('background',#F00); 

因此,让我们说你要突出汤姆·索亚

  1. 我们将有网址:http://example.com/speakers?s=Tom_Sawyer然后在

  2. 这个网址我们会用类似Tom_Sawyer的标签来标记,如下所示:<span class="Tom_Sawyer">Tom_Swayer</span>

  3. Final我们运行jQuery: $('.'+speakerName[1]).css('background',#F00);