問題タブ [modernizr]

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

css - modernizr JavaScript ライブラリを使用した記事の HTML5 タグのスタイリングに関する問題

modernizr スクリプトで発生している厄介な問題です。このスクリプトは、Internet Explorer が新しい HTML 5 タグのスタイルを設定できるようにするためのものですが、私のコードではヘッダー タグはスタイル設定されていますが、アーティクル タグはスタイル設定されていません。「article」という ID の DIV を使用してスタイルを適用すると、それら表示されるので、記事タグに対して modernizr が機能しないように見えますか? これをテストするためにIE 8を使用しています。

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

forms - HTML5 フォーム フィールドの検証に適したクライアント側のフォールバックは何ですか?

html5 フォームを完全に実装していないブラウザー (Modernizr、YepNope、Jquery validate を含むソリューションなど) のフォールバックに関するさまざまな提案を見てきましたが、効果的に機能させることはできませんでした。

基本的に、Modernizr と JQuery の datepicker を使用して取得した datepicker を追加することとは別に、すべてのブラウザーで検証を機能させるだけで済みます (主な優先事項は電子メールの検証です)。

Chrome と FF はすべてネイティブに動作するように見えますが、驚くことに Safari は適切なメール アドレスがなくても検証します。IEも明らかにそれをサポートしていません

合理的に簡単なフォールバック (おそらく Modernizr 経由) を手伝ってくれる人はいますか?

ありがとう

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

jquery - Modernizr に基づくさまざまな方法: クリックとホバー

Modernizr のタッチ/ノータッチ出力に基づいて、.mouseover イベントと .click イベントのどちらかを選択できるようにしたいと考えています。

しかし、私はそのすべてを二度書きたくありません。私が呼び出すことができるように何かを定義することは可能ですか:

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

javascript - Modernizr ヘルプ?

modernizr を自分の Web サイトで動作させることができないようです。JavaScriptファイルをフォルダーに追加して呼び出しました。また、no-js を html に追加しましたが、まだ何も追加していません。

ソースを表示すると、必要なように html が読み込まれません。

私はまだcss3要素に使用していないので、フォールバックスタイルは必要ありません。ヘッダー、ナビゲーション、フッターなどのより意味のあるタグを使用できるようにしたいだけです...

これは私の文書コードです:

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

jquery - html5フォーム検証modernizrsafari

これは実際の例です:http: //jsfiddle.net/trustweb/sTSMW/

サファリ5.05を使用してエラーに気づきました

html5ページのようにフォームを設定し、modernizrがテストに失敗した場合に、jqueryで機能を補充した場合:

他のブラウザ(Firefox、Chrome、Opera)では、ブラウザがフォームを検証します

つまり、jqueryは検証関数を置き換えます

サファリでは機能しません。html5の互換性をテストしている間、modernizrはtrueを返すようです。

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

javascript - javascript-連結と配列値を使用したドット表記の関数

問題は次の行にあることを私は知っています:「if(Modernizr+"。"+modernizr_fields [i])」は常に「true」と評価されているため

私の構文を手伝ってください。

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

css - 複数の css3 スタイルを使用する css クラスで modernizr を使用していますか?

css3 をサポートしないブラウザー用の代替スタイルを作成するために modernizr を使用しています。それはうまく機能しますが、複数の css3 スタイルを使用する css クラスのソリューションは見つかりませんでした。

例 1:

ここでの問題は、ブラウザが box-shadow をサポートしていても、border-radius をサポートしていない場合に問題が発生することです。この場合、両方のボタンが box-shadow を使用し、border-radius無視し、no-borderradius クラスを背景画像に適用します。2 つのフォールバックを作成することで解決できました。

例 2:

ここでの問題は、ブラウザーが border-radiusbox-shadow をサポートしていない場合、要素のスタイル設定に両方のクラスが使用されることです。

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

html - モバイル ブラウザーで HTML 5 セマンティック タグのサポートを検出する方法はありますか?

モバイル ブラウザーでHTML 5セマンティックタグのサポートを検出する方法はありますか?

次のようなタグ:

<section>, <nav>, <article>, <aside>, <hgroup>, <header>_<footer>

m.facebook.com と touch.facebook.com のような 2 つのバージョンのモバイル Web サイトを作成しており、サポートされているモバイルにリダイレクトしたいと考えています。タッチ バージョンでは、HTML 5 タグを使用しています。

たとえば、Android 1.6 は HTML5 をサポートしておらず、まだ使用されています。したがって、すべての Android 1.6 デバイスを touch.mobileversion.com ではなく m.mobileversion.com にリダイレクトしたいと考えています。

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

javascript - Modernizr2.0ベータ版での@mediaクエリのサポートを検出する

Modernizr 2.0ベータ版には、@ mediaクエリのブラウザサポートを検出する方法がありますか?

Modernizr 1.7では、を使用してテストできModernizr.mq('(min-width)')ましたが、新しいバージョンではその機能が欠落しているようです。同等のものはありますか?