問題タブ [targeting]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
948 参照

jquery - JQuery とネストされたテーブル - 適切なターゲットをターゲットにして、追加/削除または表示/非表示

いつものように、私が達成しようとしていることに対する適切な指示を見つけるのに苦労しています。

私が達成しようとしていること:私は、a)クライアントの一般的なデータを保持し、b)その一般的なクライアントコンテナ内で使用しているサービスを保存するクライアントシステムを構築しています。このシステムは少し単純にすることを意図しており、ネストされたテーブルのみを使用しますが、これは私が望んでいたほど単純ではないことがわかりました (笑)。

これまでのところ、データを保持するテンプレートのみを作成しています。アイデアは、javascript/jquery 機能を邪魔にならないようにし、その機能を使用してデータベースからデータを取得することです。内訳は次のとおりです。

  • ページは、検索されたデータを取得するか、すべてのクライアントを表示します。
  • 各クライアントの一般的なデータは表示されますが、サービスは手動で表示されるまで非表示になります (これは、データがユーザーに表示されすぎて、実際のクライアントを探しているときに見つけにくくなるのを防ぐためです)。
  • 何らかの形式の「表示」ボタンを押すと、サービスが表示されます。
  • そのクライアント内でより多くのサービスを簡単に追加するオプションが必要です。
  • クライアントを追加するオプションが必要です。

これまでに持っているものと持っていないもの:これまでの構造を取得しました。私の問題は、「新しいサービス」を押したときに、追加のデータを挿入するために適切なセルを正しくターゲットにできないように見えることです。私の主な問題は、ターゲットにする必要がある場所を一意に識別していないことです。これについての私の考えは、JQuery を使用して .parent() 関係を試みることでしたが、奇妙な試みを何度も試みた後、失敗し続けました。

現在のコードでは .parent の使用法が示されていませんが、サービスを追加するときにテーブルが正しく操作されていないことがわかります。また、追加されたクライアント データをターゲットにすることもできません。「新しいサービス」は、各クライアントに複数のインスタンスも追加します。これも、特定のターゲットではなく、「一般的な」ターゲットにヒットしただけです。

私はjsfiddleで作業モデルをセットアップしました。クライアントを追加するために「追加」を数回押すと、最初のリスト以外のいずれかを「表示」または「新規サービス」しようとすると何が起こるかを確認できます。リンクは次のとおりです。 http://jsfiddle.net/silenced/THmvb/

私の主な質問:これらの操作要素を使用して、すべてではなく特定のクライアントをターゲットにするにはどうすればよいですか? これをもう少し簡単に行うには、テーブル構造を変更する必要がありますか? テーブルの代わりに DIV を追加する必要がありますか? 多分私はもっとテーブル自体が必要です(私はそれらを使いすぎないようにしようとしていました)?各セクションに番号を付ける for ループは理にかなっていますか? もし私がそのルートに行ったとしても、クライアントの番号も見つけなければならないようです.

コードは次のとおりです(上記のjsfiddleリンクでも):

CSS :

スクリプト (JQuery) :

HTML :

私を正しい方向に導くために誰かが私を助けてくれることに本当に感謝しています。

0 投票する
1 に答える
1720 参照

jquery - Javascript を使用して、上、下、左、右のボタンで div の位置を移動する

私はちょうどjqueryとjavascriptに取り掛かっていますが、これを理解しようとして壁に頭をぶつけています。.css および .animate コマンドを使用してみましたが、不適切に実行しているか、変数を区別できていないと思います。

最後に、体、目、顔​​、歯などの DIV があります。それぞれに独自の ID があります。

各「カテゴリ」に少なくとも 20 あります

最終的な目標は、一種の「クリーチャー クリエーター」を作成して、一連の目や歯などを作成することです。それぞれが透明な png であり、必要に応じてレイヤリング中に z-index を使用します。

現在、div画像をターゲット/置換するために以下を使用しています:

その部分は完璧に機能します。

以前のドラッグ アンド ドロップ方法 (互換性が制限されていた) の代わりに、クリックすると特に名前付きの div が 5 ピクセル移動する上下左右の矢印のセットを追加しようとしています。ユーザーが選択に満足したら、キャンバスを使用して画像をキャプチャすることを計画していました (そして、おそらく共有?送信?さらに実装?)シンプルにするために実際の画像を削除しました。

これはフラッシュで機能しますか?もちろん!できるだけ多くの互換性を求めているので、フラッシュでのコーディングには興味がありません。

問題:

上、下、左、または右にシフトするように指定できる 4 つの「矢印」があります。しかし、何らかの理由で、上下または左右のいずれかしか実行できません。さらに、別の div (生き物の足など) に 2 番目のセットを追加すると、スクリプトの最後の反復のみが考慮されます。

私のコードが非効率的、ずさん、またはあなたの感覚を侮辱している場合は、申し訳ありません.im new :D.

助けてください、私はコーディング仲間をいらいらさせています!

0 投票する
3 に答える
137 参照

css - アイテムをターゲットにする方法

現在、メインのスタイル シートがありますが、そのシートを使用する複数のページがあります。PHP を使用して出力しているため、複数のスタイル シートを作成したくありません。テキスト領域などの特定の要素をターゲットにする方法は次のとおりです。

しかし、CSSは次のとおりです。

それはすべてうまくいきます!それは私が望む外観を作成しますが、それはすべてのテキスト領域をそのように変更します。それは私が望むものではありません。テキスト領域をたくさん使用するので、そのdivのテキスト領域だけをそのように見せたいです。

概要:

1 つの div だけでテキストエリアと要素の外観を変更するにはどうすればよいですか? したがって、他のテキスト領域には影響しません。

これは編集です!これは機能しませんでした。これを見てください! http://jsfiddle.net/wbyQL/1/

0 投票する
1 に答える
248 参照

css - インライン要素内の CSS のターゲット値

私はのHTMLを持っています <span> Day Month </span>

CSSの場合、HTMLを変更せずに、日を個別に、月を個別に(異なるスタイルを適用して)ターゲットにしたいと考えています。

どうすればいいですか?

0 投票する
1 に答える
600 参照

jquery - jQuery を使用して DOM の次の div をターゲットにできません

現在、jQuery を使用して DOM 内の次の div を見つけるのに少し問題があります。タグ<div>内に含まれている I am target fromが原因であると思われます。<a>

私が目指しているのはdiv class="div_name"、ユーザーがホバリングしている間に表示されることですdiv class="island_hover"

HTML:

jQuery:

私は周りを見回しており、その方法を試しました.nextAllが、役に立ちませんでした。誰かが助けてくれることを願っています。