0

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

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

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

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

我试图弄清楚如何根据用户在“演讲者”部分点击的演讲者在议程表中突出显示演讲者的姓名。这样,如果浏览器窗口未对齐,则名称将可见,并且用户不必扫描它。

有什么建议么?我很感激任何事情,我对 jQuery 比较熟悉。谢谢你。

4

1 回答 1

0

因此,首先您需要确保每个扬声器链接都具有以下格式:

<a href="/speaker/12?s=speaker_name>Speaker Name</a> 这里重要的部分是: *?s=speaker_name*

完成排序后,进入 /speaker/12 页面,您需要拥有以下变量:

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

现在确保每个扬声器名称都有一个与扬声器名称等效的类的跨度,最后是一个简单的 jQuery 命令:

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

因此,假设您要突出显示Tom Sawyer

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

  2. 这个 url 我们将跨越带有 Tom_Sawyer 类的标签,如下所示:<span class="Tom_Sawyer">Tom_Swayer</span>

  3. 最后我们运行 jQuery: $('.'+speakerName[1]).css('background',#F00);
于 2013-03-20T23:52:39.663 回答