アンカータグをクリックするクリック機能があります。クリックしたアンカータグの背景とページ上の別の要素のテキストを変更します。別のアンカー タグをクリックすると、テキストが 2 番目のテキスト変数に変更されるはずです。再びテキスト変数。これが私の例ですが、うまくいかないようです。また、背景は不透明度を変更する必要はありませんが、td タグにあるためだと思います-例を参照してください
ありがとう!
アンカータグをクリックするクリック機能があります。クリックしたアンカータグの背景とページ上の別の要素のテキストを変更します。別のアンカー タグをクリックすると、テキストが 2 番目のテキスト変数に変更されるはずです。再びテキスト変数。これが私の例ですが、うまくいかないようです。また、背景は不透明度を変更する必要はありませんが、td タグにあるためだと思います-例を参照してください
ありがとう!
これを試してください - http://jsfiddle.net/gGAW5/96/
var title;
$(document).ready(function() {
$("a").click(function() {
if ( $("#myTitle").text() == "My Title" || $("#myTitle").text() == "My Text 2" ) {
title = "My Text 1";
} else {
title = "My Text 2";
}
$("#myTitle").text( title );
$(this).css("opacity", .5);
});
});
実際のデモ http://jsfiddle.net/tB3pP/3/
私はちょうどあなたのコードを使用し、次のような小さな変更を加えましvar = i
たi%2
text1
達成された動作: 1 回目、 2 回目、text2
3 回目、text1
もう一度クリックすると。
これが役に立てば幸いです。何か見逃した場合はお知らせください。
コード
$(document).ready(function() {
var text1 = "My Text 1";
var text2 = "My Text 2";
var i = 1;
$("a").click(function(event) {
i++;
if (i%2 != 0) {
$("#myTitle").html(text1);
$(this).css("opacity", "0,5");
}else {
$("#myTitle").html(text2);
$(this).css("opacity", "0,9");
}
});
});