2013-03-20 64 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);