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

jquery - jQueryでボディデータの属性を変更する

私は skrollr を使用しており、ページ全体の色/グラデーションを変更したいと考えています。私は現在のコードでこれを行うことができます:

ただし、(フォームの送信によってトリガーされる) iFrame の読み込み時に、本文のグラデーションを変更したいと考えています。値を変更するとdata-startうまくいくかもしれないと思ったので、試しました:

しかし、それはうまくいきませんでした。iFrame の読み込み時に動作する他の jQuery 関数を試しました (例: $('#idName').hide())。しかし、 .attr() 関数が機能していないようで、skrollr の何かが干渉していると考えています。.data() 関数も試しましたが、データ値も変更されないようです。

特定のトリガー(フォームの送信など)の後にボディのグラデーションを変更する方法を知っている人はいますか?

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

javascript - AngularJS: HTML5 データ属性に ng-bind/ng-bind-template を使用する方法

私のコードにはボタンがあり、HTML5 データ属性と AngularJs 式を使用して通知を表示することで、データをボタンにアタッチしています。コードはこんな感じ

しかし、式を使用することの悪い点はここにあります。したがって、明らかに解決策は、またはのいずれng-bindかを使用することng-bind-templateです。

しかし、HTML5 の data 属性に対してこれを行う方法は、私の CSS でスタイルが as として宣言されているためですdata-notification

この問題に関する提案は大歓迎です。

-編集私の質問について誤解があると思います。表示する上記のコード{{tweetCount}}は私のために働いています。唯一の問題は、double curliesページの読み込み中に一瞬だけ実際にユーザーに表示されることです。これを解決するng-bind/ng-bind-templateには、使用することをお勧めします。しかし、私の場合は HTML5 の data-attribute タグに適用する必要があります。そして、それを行う方法は?

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

php - PHPを使用してmysqlの値に基づいてこのフリップスイッチを機能させる方法

私はブートストラップ/html に基づいて管理パネルを購入しました。これには多くの優れた機能が付属しており、そのうちの 1 つは非常に洗練されたフリップ スイッチであり、それを任意の製品のステータスに使用したいと考えています。

実際のコードはこんな感じ

ブラウズから要素を調べると、次のようになります。

通常の data-role="flipswitch" を使用しましたが、これは次のように異なります

スイッチオンはこんな感じ

スイッチオフはこんな感じ

上記を使用して、データベースからの値に応じてページが読み込まれるタイミングを変更する方法を教えてください。

私は以下を試しましたが、うまくいきませんでした

そして、スイッチがうまく作動せず、スムーズにスライドしなくなります。

助けてくれてありがとう

========= 管理パネルの開発者がこのモジュールをスイッチに使用したようです

http://www.bootstrap-switch.org/documentation-2.html

ですから、誰かがこれについて私を助けることができれば、本当に感謝しています。私は今何時間も立ち往生しています:(

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

jquery - jQuery Mobile - clearBtn をプログラムで制御

jquery Mobile 1.3.2 バージョンを使用しています。data-clear-btn=true のテキスト ボックスがあります。

ユーザーがテキストボックスに文字を入力すると、最後に到達すると削除アイコンがテキストボックス内の文字を隠します。 ここに画像の説明を入力

ユーザーがタブアウトしたら、削除アイコンを非表示にしたいと思います。$("#elementId").textinput("option", "clearBtn", false); を使用してみました。しかし運がない。クリアボタンを隠しているわけではありません。

誰かがそのような問題に遭遇したかどうか教えてください。

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

javascript - JQuery プラグイン select2 の data-* 属性はバックボーンとうまく機能しますか?

これが私のテンプレートのスニペットです(バックボーンとマリオネット):

次に、テンプレートを使用するビューの onShow メソッドで:

これは select2 v4.0 です。タイプは表示されますが、minimumresultsforsearch は効果がありません。デバッグ方法がわかりません。どんな提案も歓迎します!

参考までに、いくつかの構成を html に入れようとしている理由は、私が知る限り、onShow で同じ構成オプションを使用する必要があり、その要素を更新する必要があるすべてのメソッドで再度使用する必要があるためです。私は多くのコードを繰り返しています。それらをhtmlに入れることができれば、関連するオプション、つまりjavascriptで「data:」を使用するだけでよいと思います。