0

こんにちは人々私はこのコードを持っています...

<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com /ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
    $(".mytableCol3").click(function(){
        $(this).addClass("on").parent().siblings("tr").find("td").removeClass("on");
    });
});
</script>
<style>
    .on { background-color:red; color:#ffffff; }
</style>
</head>
<body>

<table class="mytable" border=1>
  <tbody>
    <tr>
      <td class="mytableCol3"><a href="google.com">google</a></td>
    </tr>
    <tr>
      <td class="mytableCol3"><a href="yahoo.com">yahoo</a></td>
    </tr>
    <tr>
      <td class="mytableCol3"><a href="bing.com">bing</a></td>
    </tr>
  </tbody>
</table>
<table class="mytable" border=1>
</body>
</html>

上記のコードは、セル間で赤色を切り替えることで正常に機能し、クリックするとページを「特定の場所」にリダイレクトします。デモを確認してください。最初にセルが赤色になり、次にgoogle /yahoo/にリダイレクトされます。ビング、しかし今、彼らが戻るボタン/（私が書いたものをコード化する）をクリックして戻ったときにiamがする必要があること、選択された特定のセルはまだ赤い色で強調表示されるべきです....私はセッションでこれを行うことを繰り返しましたが、正確に..1つのplzzがこれを修正するのを手伝ってくれますか....

4

1 に答える 1

2

あなたは$.cookieでそれを行うことができます

各行にIDを割り当て、Cookieを設定してから、そのCookieで使用可能なIDを確認します。

<table class="mytable" border=1>
    <tbody>
        <tr>
            <td class="mytableCol3" id="google"><a href="http://google.com">google</a></td>
        </tr>
        <tr>
            <td class="mytableCol3" id="yahoo"><a href="http://yahoo.com">yahoo</a></td>
        </tr>
        <tr>
            <td class="mytableCol3" id="bing"><a href="http://bing.com">bing</a></td>
        </tr>
    </tbody>
</table>​

およびjavascript：

$(function(){
    $(".mytableCol3").click(function(){
        $(this).addClass("on").parent().siblings("tr").find("td").removeClass("on");
        $.cookie('clicked', $(this).attr('id'));
    });

    if($('#'+$.cookie('clicked'))){
        $('#'+$.cookie('clicked')).addClass('on');
    }
});

CookieにはプレーンなJavaScriptを使用できます。たとえば、そのプラグインを使用しました。

于 2012-09-10T13:04:42.893 に答える