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

ここで、Speaker Nameと同等のクラスを持つ各スピーカー名のスパンと、最後に単純なjQueryコマンドがあることを確認してください。

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

したがって、 TomSawyerを強調したいとします。

  1. 次のURLがあります：http ：//example.com/speakers？s = Tom_Sawyer Then in

  2. このURLは、次のようにクラスTom_Sawyerのタグにまたがります。<span class="Tom_Sawyer">Tom_Swayer</span>

  3. 最後に、jQueryを実行します。 $('.'+speakerName[1]).css('background',#F00);
于 2013-03-20T23:52:39.663 に答える