問題タブ [html5-data]

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 に答える
15345 参照

html - HTML5 data-属性をレールフォームラベルタグに追加するには?

次のコードを持つ Rails フォームがあります。

最初のラベルに HTML データ属性を追加したいので、次のことを試しました。

しかし、構文エラーが発生します:

予約の SyntaxError#new

次のように追加できます

それは生成します:

data-somethingしかし、属性を追加できないようです。構文エラーが発生します。

これどうやってするの?

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

drupal-7 - Drupal - データ属性を追加する方法
  • のアイテム
      メニュー
  • これは、 https ://github.com/alvarotrigo/fullPage.js にある fullPage.js という素晴らしいスクリプトです 。

    js ファイルと css ファイルを読み込むことができ、Void メニュー モジュールを使用してもアンカー リンクを呼び出すことができましたが、このクールなコードの実装のデータ属性部分に苦労しています! どんな助けでも大歓迎です!Drupal 7.25 でデータ属性を機能させるにはどうすればよいですか? つまり、HTML が次のようになるように、それらをメニューに追加する必要があります。

    Drupal のメイン メニューに追加したいだけです。方法はありますか?これを私のホームページに実装しようとしており、Display Suite Module がインストールされた Adaptive Sub-Theme を使用しています。

    以下を template.php に追加しましたが、まったく違いはありません:

    ここで何が間違っていますか?

    編集

    サイトマニアックスのテーマはここからダウンロードできます: http://dream-portal.net/dpdowns/MyProblem.zipここ から Drupal からアダプティブ テーマをダウンロードし、sitemaniacs を自分の sites/all/themes フォルダーにコピーして、テーマを有効にするだけです。そしてあなたのホームページに行きます。

    Drupal なしで完全に正常に動作する例である fullPage というフォルダーもあります。

    注意すべきファイル:

    他に何か必要なことがあれば教えてください、k?

    そしてありがとうございました!!!私がやったことは、4つの基本ページを作成し、フィールドフォーマッタークラスモジュールsectionを使用して、フロントページに昇格するよりも、ボディフィールドに(ディスプレイを管理するときに)として定義されたクラスを与えることです。別の Node Type 内で HTML を使用し、NodeBlock ModuleMenu Barを使用して、それをブロックのセクション内のメニュー項目として url で出力しました<front>。これに他に何か必要な場合はお知らせください。ただし、この単純なアプローチでは機能しません。私もそれを行う方法をたくさん試しましたが、うまくいきません。機能する方法を見つけた場合、または別の場所で何かが間違っている可能性がある場合は、お知らせください....

    ストレートHTMLを試してみたところ、次のようになりました:

    最初のエラーは、scrollPageこの行の関数で発生したようです:

    dest.topで定義されていないようです.top。理由はありますか?

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

    javascript - jQuery を使用して .each() でデータ属性値を取得する

    データ属性を含む次の HTML があります。HTML をループしてデータ属性を収集し、それらを配列に入れる jQuery を書きたいのですが、エラーが発生したので、誰か助けてください。

    data() 属性を使用しようとしています - 私が間違っていることがわかりますか?

    // 私の HTML コード

    // 私の jQuery コード

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

    jquery-data - HTML 5 の data- 属性と jQuery データは同じものですか?

    HTML 5 では、任意の「data-」属性を次のような要素に設定できます

    jQuery フレームワークには、同様のことを行うメソッド (.data()など) があります。私の質問は、jQuery メソッドがこれらの html5 データ属性を操作して読み取るだけなのか、それとも異なる jQuery タイプのデータ属性を参照しているのかということです。

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

    html - ブラウザの現在の日付を取得するには?

    HTML5 を使用していますが、ユーザーのブラウザの現在の日付を取得したいのですが、どうすればよいですか?

    このコードを使用しようとしましたが、機能しません

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

    jquery - ドキュメントの準備ができている間に、データ属性値を使用してクラスを追加します

    こんにちは、私のhtmlにデータ属性を使用しようとしています。これにより、ここでページをロードするときにクラスを追加します。私のJquery

    ここに私のフィドル

    このデータ属性を持つすべての要素にクラス バウンスを追加する必要がありますが、正しいと思いますが、機能していません。

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

    javascript - .on メソッドを介して JQuery HTML5 データ属性にアクセスするには?

    これは、という名前の HTML5 データ属性を取得しようとする私の試みですproductId:

    class を持ついくつかのボタンがありmyButton、それぞれが異なる productId をデータとして持っています。

    ただし、この場合、コードは body タグからデータを検索するだけで、 class のボタンからは検索しませんmyButton

    データを抽出する DOM 要素を指定するにはどうすればよいですか?

    理想的には、これはそもそも私にとってはうまくいくはずですが、何らかの理由でそうではありません:

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

    javascript - ターゲット イベントからデータを取得しようとすると、IE8 で問題が発生する

    私はこのようなコードを持っています..

    「通常の」ブラウザは問題なく値を取得し、すべてがうまく機能しますFirefoxChromeしかし、何も起こってIE8いないので、データを取得できないと思います。

    パラメーターは、次のeventコードを介してこの関数に渡されます。

    ..次に、これらのサンプル要素のいずれかがクリックされると、それを取得します。

    これを IE8 で動作させる方法はありますか? ...さらに、テストする必要はありませんIE9+-> IE8で動作するかどうか知っている人はいますか?

    jQueryまた、IE8 でも動作する jQuery を使用してこのデータを取得する別の方法がある場合は、これにタグを付けました。

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

    jquery - jQueryを使用してHTML5データ属性値を減算し、Divタグ内の結果を表示する

    算数ゲームを作っています。このゲームでは、お子様が引き算記号「-」を 2 つの数字のいずれかにドラッグすると、答えが表示されます (例: 9-4 = 5)。

    HTML5 データ属性「data-price」に乱数が表示されています。私が今抱えている唯一の問題は、クラスに「ドロップ」した数値の上に減算記号をドラッグすると、変数「total_costs」に問題の答えが表示されないことです。

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

    jquery - Jquery Validator - データ属性の値を検証する

    マスクを付けてクレジットカードフィールドを書いていますが、実際の未変更の番号を要素の data 属性に保存しています。このように、クレジットカード番号「6011000000000004」は使用のために保存されますが、「601100******0004」が画面に表示されます。

    Jquery Validator を使用して、データ属性に基づいてそのフィールドを検証する方法はありますか?

    私の形で私は持っています

    次に、ユーザーが値を変更すると、マスクが作成され、次のように値が $("#creditcard").data("cc_number") に保存されます。

    $("#creditcard".data("cc_number"); の値を検証するために jquery バリデーターをオーバーライドする方法はありますか?

    これを行うためのより良い方法に関する提案はありますか?