3

SharePoint Web サイト内に次のタブ メニューがあります。タブの周りに青い境界線を表示するために、次のスクリプトを適用しました:-

$(document).ready(function(){

$("span:contains('Page Options')").css('border-top', '4px solid #008CD2');
$("span:contains('Page Options')").css('border-left', '1px solid #008CD2');

$("span:contains('Page Options')").css('border-right', '1px solid #008CD2');

});

次のようにうまくいきます: -

ここに画像の説明を入力

ただし、ユーザーがタブをクリックすると、境界線は次のようにクリアされます。

ここに画像の説明を入力

タブがクリックされたかどうかに関係なく、境界線を表示したままにする方法を誰かアドバイスできますか? ありがとう

4

2 に答える 2

1

下記のcssクラスをstyleタグに入れます。

.tabBorder{
    border-top:4px solid #008CD2;
    border-right:1px solid #008CD2;
    border-left:1px solid #008CD2;
}

次に、script タグに次のコードを追加します。

$(function(){
    $("span:contains('Page Options')").addClass("tabBorder");
});

以下のスクリプトをリロード、更新、または実行しない限り、これは境界線をクリアしません。

$("span:contains('Page Options')").removeClass("tabBorder");

ただし、上記のコードがページ オプションを含むすべてのスパン タグの境界線を削除することを確認してください。そのため、そのクラスを削除する特定のスパンを追跡する必要があります。

以下のURLをご覧ください。

http://jsfiddle.net/shailesh_rathod19/jVpxb/

問題は見つかりませんでした。これについて。さらに助けが必要な場合はお知らせください。ありがとう。

于 2013-09-27T14:03:39.403 に答える