最初は、jQuery、Ajax、および PHP で基本的な tcg を作成しようとしています。
次のフィドルは、カードを空の場所に追加してデータ属性値を変更しようとする試みですが、カードをクリックすると、他の「カード」が作成され、値は変更されません。
http://jsfiddle.net/bNB89/1/
データ変更に使用しようとしたコード:
$(this).data('place', 'field');
どうすればこれを修正できますか?
最初は、jQuery、Ajax、および PHP で基本的な tcg を作成しようとしています。
次のフィドルは、カードを空の場所に追加してデータ属性値を変更しようとする試みですが、カードをクリックすると、他の「カード」が作成され、値は変更されません。
http://jsfiddle.net/bNB89/1/
データ変更に使用しようとしたコード:
$(this).data('place', 'field');
どうすればこれを修正できますか?
コードの問題はappend
、クラスで使用しているため、そのクラスを含むすべての要素でコンテンツが作成されていることです。代わりに、クラスの最初の要素をフェッチし、それに追加してからクラスを削除して、再度選択されないようにする必要があります。私はそれを示すフィドルをセットアップしましたhttp://jsfiddle.net/bNB89/2/
.myslot
複数の要素があり、それぞれがコピーを取得するため、他のカードを取得します。
追加する 1 つのアイテムを提供するセレクターを使用します。例えば.myslot:empty:first
。
.data()
データ属性を変更せず、独自の内部メカニズムを使用してデータを格納します。本当に属性を変更したい場合は、 を使用できますattr
。