問題タブ [custom-data-attribute]

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 投票する
3 に答える
829 参照

jquery - 独自のデータ属性を使用してcssプロパティを設定するにはどうすればよいですか?

この小さなスニペットがあるとしましょう:

次のように、色を独自のデータ属性に設定したいと思います。

何らかの理由で、それは機能しません。誰かが私が間違っていることを知っていますか?

0 投票する
11 に答える
82831 参照

javascript - jQuery:空でないデータ属性を選択しますか?

data-go-to空でない属性を持つすべての要素を選択しようとしています。

試してみまし$('[data-go-to!=""]')たが、奇妙なことに、そうするとページ上のすべての要素が選択されているようです。

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

html - DOM要素ごとのHTML5data-element-idが行き過ぎですか?

ほぼ完全に動的なDOMレイアウトを追跡するために、HTML5データ属性を使用して要素を追跡することを検討しています。

各DOM要素に1つ配置すると、ロードパフォーマンスに影響を及ぼし始めますか、それともまたはなどの他の検索メカニズムに悪影響を及ぼしますgetElementById$(#Selector)

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

html - データ属性は数字で始めることはできますか? (例: data-1234="")

識別子の値は数字やハイフンで始めることはできませんが、属性をデータにすることはできますか? もしそうなら、使用しない理由はありますかdata--=""(私がそうするのではなく、単に好奇心で話しているだけです)

0 投票する
2 に答える
11803 参照

css - データ属性を使用して CSS で背景画像を設定するにはどうすればよいですか?

いくつかの背景画像 (one.jpg、two.jpg、three.jpg) を含むフォルダーと、このマークアップがあります。

CSS だけでこのようなことを行うことは何とか可能でしょうか?

もちろん、このコードは機能していません。

0 投票する
4 に答える
9332 参照

javascript - javascriptを使用してカスタムデータ属性値を数値にする方法

こんにちは私はdivに保存されているhtmlデータタグから2つの数字を読んでいます。数字を足し合わせようとすると、文字列として追加されます。とにかく、データ属性に数値を含めて数値としてアクセスしたり、JavaScriptのおかげで文字列以外の数値に変換したりすることはできますか?

0 投票する
0 に答える
938 参照

jquery - jQuery Cycle プラグイン - 1 ページの Web サイトに複数のシンプルなスライドショー / インスタンスを表示

David De Sandro の jQuery Isotope プラグインを使用して、1 ページの Web サイトに取り組んでいます。7 Isotope Elements では、Cycle スライドショー プラグインを基本的な方法で実行しています (クリック、ページネーション、一時停止、ホバーなどはありません)。それは機能しますが、これをあまり効果的に実装していないのではないかと思います。

HTML (7 つの同位元素の 1 つ)

CSS (全 7 スライドショー用)

JS (7 つのインスタンス - これは反復的で効果がありません)

では、今やっているように 7 回も根気よく繰り返すよりも、JS の部分をより効果的にするにはどうすればよいでしょうか。どういうわけか、クラス名と 7 つの異なる遅延値だけを渡す必要があります...

ここで、Michael Malsup はテーブルを使った手法 (私には理解できません) を使用して、HTML 自体を介して必要なパラメーターを渡します。それが最善の方法ですか?HTML5 データ属性の使用を見たところです。多分それは私のJSの冗長性を取り除くためのベストプラクティスの方法ですか?

事前にどうもありがとうございました!

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

jquery - jQueryを使用してdivのデータ属性を評価し、その値を関数に渡します

次のようなプレビュー画像を含む複数のスライドショーブロックがあります(jQuery Cycleの場合、各スライドショーインスタンスの遅延はミリ秒単位です)。

jQueryを使用して、これらのさまざまな遅延値(data-attributeを介して設定)を、Cycleのすべてのオカレンスを実行する関数に渡したいと思います。

divのデータ属性(data-delay = "-2000")をどのように評価し、それをCycle関数に渡しますか?

よろしくお願いします!

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

php - phpでデータ属性を投稿する

data-fruit="orange" などのデータ属性の値を投稿する際に問題があります。基本的には jQuery ajax でそれを行いたいのですが、次のようになると思います。

PHP $_POST は次のようになります。

乾杯

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

javascript - ハイパーリンクの一部としての「data-」属性。HTML から JavaScript

私は現在、Phonegap アプリを開発していますが、ページ遷移で少し問題が発生しました。

ページ遷移を機能させるために、FASW.jsライブラリを使用しています。また、ネイティブ ナビゲーション バー ( NavigationBar プラグイン) を使用して、ネイティブの戻るボタンを提供しています。私は両方とも、ユーザー入力などに応答するように機能しています。

使用する HTML からページ遷移を開始するには:

私はそれが完全に機能しています。

ただし、ネイティブの戻るボタンを機能させるには、次のように JavaScript のみで呼び出す必要があります。

ページを変更するには、次を使用できることを知っています。

しかし、私が知らないのは、

HTML ハイパーリンクのような属性。

誰でもこれを手伝うことができますか?本当にありがたいです。