1

データベースのデータを表示するテーブルがあります。各行には、クリックしたときに行を横切るためにjqueryで作成したボタンがあります。ただし、ページを更新すると、取り消し線のスタイルは維持されません。jquery スタイルの変更は永続的ではありません。この変更を永続的にする方法はありますか？

$('table').on('click','.dead',function(){

          $(this).parent().siblings().css({textDecoration: 'line-through'});

    });

そしてphp

<?php while($row = $data->fetch_assoc()) { ?>
<tr>

<td><?php echo $row['title']; ?> </td>
<td><?php echo  $row['requester']; ?></td>
<td><?php echo $row['reward']; ?></td>
<td><?php echo $row['qual']; ?></td>
<td><?php echo $row['time']; ?></td>
<td><?php echo $row['category']; ?></td>
<td><a href="<?php $row['link']; ?>"><button class="btn btn-mini btn-primary" type="button">Do This Hit</button></a></td>
<td><button class="btn btn-danger btn-mini dead" type="button">Dead</button></td>

</tr>
<?php } ?>
4

1 に答える 1

1

ページがリクエストされるたびに、html、.js、および .css コードがすべてサーバーから取得されます。つまり、.JS を介して適用したスタイルは、次にページが要求されたときに消去されます。これが現在表示されているものです。

開発者は、ある種の保存されたフラグをプログラミングする責任があり、$(document).ready() でそれを読み取って、ページが要求されて dom の準備が整ったときに最初に行うことは、永続化されたフラグをチェックすることです。スタイルの現在の状態を再適用できます（オンまたはオフ、またはあなたの場合は、ラインスルーまたはラインスルーなし）

そのフラグを永続化する方法には多くのオプションがあります。Cookie を設定したり、セッション ストレージを使用したり、LocalStorage を使用したり、データベースにフラグを設定したりすることもできます。その状態の永続性を提供するのはあなた次第です。

最新のブラウザーをサポートしている場合は、localstorage() http://www.jquerysdk.com/api/jQuery.localStorageでフラグを設定してみてください。

于 2013-05-10T03:20:25.043 に答える