問題タブ [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 投票する
2 に答える
4674 参照

html - カスタム属性の追加

私が作成しているかなり複雑なHTML5Webアプリでは、いくつかのドキュメント要素にいくつかのカスタム属性を追加すると便利であることがわかりました。jQueryを使用すると、このような属性を問題なく取得できることがわかりました。これまでのChrome、Safari、Firefox、そしてAndroid/iPhoneモバイルブラウザーでも問題はありません。

質問-そのような使用法であり、カスタム属性を挿入しますか、それとも私は何かを分解しますか?状況を理解するために、jQueryといくつかのjQueryプラグインを備えたjQueryMobileを使用しています。

関連するメモでは、jQueryを使用して指定された属性を持つすべての要素を取得できると思いますか?

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

c# - ポストバック後に HTML 属性値を取得するには?

これは私の見解です:

これはHTMLです:

フォームのポストバック後data-tmp、コントローラーの値にアクセスするにはどうすればよいですか?

Request["txtName1"]validテキストボックスの を返しますが、data-tmp属性値は返しません。これはasp.net Webフォームで実行できるため、asp.net mvcでも同じだと思いますか?

0 投票する
5 に答える
28382 参照

javascript - JQueryでのカスタムデータ属性の選択

ここにリストがあります

各liアイテムにカスタムデータ属性がある場合。JQueryでは、data-valueの属性を持つ各li要素のすべての値をどのように取得しますか?彼らの価値を知りたい。

しかし、私のこのコードは機能していないようです

jsfiddleのコード全体:http://jsfiddle.net/Zn3JA/

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

javascript - Razor内のjQuery /データ属性に複雑なオブジェクトを保存する方法は?

私の Razor マークアップでは、モデル コレクションをループしてテーブル行を出力しています。現在、アイテム ID を各テーブル行の「data-id」属性に格納しています。ただし、行ごとにオブジェクト全体を保存する必要があるため、将来の ajax 呼び出しを節約できます。jQuery が後で使用できるように、Razor 出力に行ごとに完全なオブジェクトを保存する良い方法は何ですか?

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

json - HTML5データ属性でエスケープする方法

データ属性のものは私にとって新しいものであり、スペースやコンマなどをエスケープする必要があることに気づきました。誰かが私のアプローチについていくつかの提案をしてくれますか?以下は私のコードです:

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

jquery - Twitterブートストラップモーダル問題531

https://github.com/twitter/bootstrap/issues/531

私はTwitterBoostrapを使用して、問題531で説明されている修正を使用して、データ属性を使用してデータをモーダルに渡すことができるようにしていますが、これは問題なく機能します...

とは異なるようです:

user_idを渡します:

しかし、同じデータ属性をあるモーダルから別のモーダルに渡そうとしています。

#modal1内:

問題は、このメソッドを使用してmodal2を開くと、値が正しくなく(6ではなく5)、$('#modal2')。data('user_id'、6);によって設定されたデータを無視しているように見えることです。

data('modal')。options.user_idの値をプログラムで設定するにはどうすればよいですか、それともこれは修正のバグですか?

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

jquery - データのセキュリティについて懸念しています-*属性?

data- *属性を使用して、表示に必要なカスタム属性と値を格納し始めました。例えば ​​。

data-*私がいくつかの操作を行っていることに基づいています(CRUD)。ユーザーがデータを変更した場合はどうなりますか?*クライアント側の属性値(つまり、firebugやその他の開発者ツールを使用したブラウザーから)?知りたいのですが、従う必要のある基準はありますか、またはコミュニティがこのシナリオをどのように処理するかを知りたいのです。

アップデート :

サーバーサイドでも検証します。しかし、いくつかのシナリオでは。データはサーバーに保存されません。マークアップされます。ユーザーが保存ボタンを押したときにのみ保存されます。

javacriptからデータを選択し、ajaxを使用してサーバーに値を送信します。しかし、私の懸念は、ユーザーがdata- *属性の値を変更した場合、サーバー側の検証でさえ合格するルールを満たすようになることです。では、どうすればそれらを防ぐことができますか?

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

jquery - jQuery が HTML5 データ属性をシリアライズする

これはどこにも見つかりませんでした。誰かが知っているか、提案できるかもしれません。

がたくさんあるフォームがあり、そのフォームをjQuery機能で<inputs>送信したかったので、これをjsonとして送信しました。$.ajax$('#myform').serialize()

これで、フォームがより高度data-になり、送信したい HTML5 属性が追加されましたが、.serialize()それらが表示されません。

<form>それらをタグ、タグに入れてみました<input>-何も機能しません。

それらを取得してすべてのフォーム データと共に送信するためのベスト プラクティスは何ですか? については知っていますが、タグがシリアル化されたすべての属性.serializeArray()を取得するにはどうすればよいですか?data-<form>

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

html - CSS2.1 で動作するように CSS3 のデータ属性 (data-*) を置き換える方法

次の CSS3 コードがあります。

今、ページを IE7/IE8 で動作させたいのですが、CSS3 をサポートしていないため、CSS2.1 でこのコードの代替を見つける必要があります。

前もって感謝します

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

javascript - CSS を使用してデータ属性を割り当てることは可能ですか?

CSS を介して要素にデータ属性を追加できますか?