問題タブ [html5boilerplate]

jQueryUIを使用してダイアログモーダルを表示しようとしています。私はCodeIgniterとHTML5Boilerplateと組み合わせて使用​​しています。

通常の空白のhtmlページでは、ダイアログコードを機能させることができます（Googleからcssおよびjqueryスクリプトをインポートするだけです。

CodeIgniterビューでは、機能しません。全体の出力はここにあります：http：//pastebin.com/5e2PfE14

私がscripts.jsファイルで使用しているスクリプトは次のとおりです。

インポートは正常に機能していますが、何が問題になる可能性がありますか？

ありがとう！

私はあなたの最新の素晴らしいHTMLボイラープレートを使用しています-HTML5BOILERPLATE

ここで、iPhoneのモバイルサファリでこのリンクを開くと（HTML 5 BOILERPLATE）、ページが完全に読み込まれると、アドレスバーが上にスライドします。

何が起こるべきかです。しかし、デモをダウンロードしてモバイルアプリの作成を開始したところ、機能していないことに気付きましたが、機能するはずのすべてのものが揃っていることを注意深く確認しましたが、それでも機能しませんでした。

したがって、基本的にデモsrcファイルを取得し、HTML 5 BOILERPLATEの正確な複製を作成して、テスト用にサーバーにHTML 5BOLIERPLATEMYSERVERを配置しました。

代わりに最新のjQueryをロードし、フォントを表向きにしたことを除けば、これはほとんど同じコピーです。

そして、私の正確なコピーは、一度ロードされるとアドレスバーをスライドさせません-iPhoneで以下のリンクを開いて確認してください。

HTML5BOILERPLATE-これはアドレスバーを非表示にします

HTML 5 BOLIERPLATE MYSERVER-サーバー上の正確なコピーですが、アドレスバーは非表示になりません

私は、html5ボイラープレートをhtmlなどのベースとして使用する実験的なjqueryモバイルベースのアプリに取り組んでいます。

基本的に、これまでに行ったことは次のとおりです。

1. html5 ボイラープレートをダウンロードして抽出し、ブラウザーで表示します。スクリプト/スタイルが正しく読み込まれていることを確認してください。準備万端です。
2. jquery モバイルを追加 (cdn ホステッド フル バージョン 1.0 [今日リリース? すぐに!])
3. 追加$(document).ready(function () { console.log('ready'); });
4. リロードします。'ready' が 2 回出力されます.2 回目は少し遅れて出力されます..
5. wtf bbq など、chrome インスペクターで状況を検査すると、すべての JavaScript ファイルが 2 回読み込まれているように見えます。
6. 最初から再起動し、ブラウザーで h5bp の読み込みを抽出します。特に、スクリプトが 1 回読み込まれることに注意してください。ドキュメント準備完了ハンドラーを追加し、「準備完了」の 1 つの出力を観察します。
7. jquery モバイル監視スクリプトの読み込みを 1 回追加します。
8. すべてのスクリプトをタグに移動します。スクリプトは 1 回読み込まれます。

何が起こっているのか誰にも分かりますか？これを再現するのは非常に簡単です。h5bp を抽出し、下部のスクリプト セクションに jquery mobile を追加するだけで、突然スクリプトがすべて 2 回読み込まれます。これらのスクリプトをすべて modernizr の下 (または前) の head タグに移動すると、この問題は発生しなくなります。

ありがとう

私はPaulIrishのHTML5ボイラープレートを使用しています。

ホームページは、Chrome、Firefox、およびIE8で正常にレンダリングされます（影/丸みを帯びた角は別として-現時点では問題ありません）

マージン、navリストはIE8でめちゃくちゃです。headerの要素のスタイルは同じファイルからのものであるため、CSSに正しくリンクされていますが、配置とnavリストはそれらのスタイルを取得していませんか？

CSSに問題があった場合、ルートディレクトリでも正しくレンダリングされないので、これは奇妙です。

IE の Google Chrome フレームを置き換える js ライブラリはありますか。ユーザーに Google Chrome フレームをインストールさせたくない...

私のプロジェクトに追加できる js ライブラリはありますか? HTML と CSS を強化するためのmodernizrとhtml5boilerplateがあるように。

Javascriptに似たもの。

編集 済み IE javascript レンダラーに問題があります .... のような多くのエラー

未終了の文字列定数....

オブジェクトはこのプロパティまたはメソッドをサポートしていません...

そして、他のすべてのブラウザはIEだけで正常に動作します:(

Boilerplate には Respond.js が組み込まれているため、理論的には次の CSS をサポートできるはずです。

FF と Chrome では、期待どおりに機能し、ブラウザ ウィンドウのサイズを変更した後にカスタム スタイルが有効になります。

ただし、IE8 では、現在のブラウザー ウィンドウがどれほど大きくても、カスタム スタイルは常に有効になっています。

問題はコードのどこかにあると考えていましたが、Boilerplate モバイル テンプレートにアクセスしたところ、ブラウザのサイズ変更でもレイアウトが変更され、デフォルトの Boilerplate と同じメディア クエリが使用されていることに気付きました。

ただし、モバイル ボイラープレートでさえ、 FF と Chrome でしか機能しません。IE8 でアクセスすると、メディア クエリが開始されず、最小のデバイス用のバージョンが提供されます。

私の質問は次のとおりです。皆さんは IE8 で同じことを経験していますか? このサイトは IE8 でどのように表示されますか? また、現在のブラウザー ウィンドウのサイズに応じてスタイルが変わりますか?

それとも、おそらく私の特定の IE バージョンに関連していますか? (現在、別の IE バージョンでテストすることはできません)。

そして、もしかしたら、誰か1人がこれに対する解決策を知っているでしょうか?

PS私は現在、HTML5ボイラープレートに付属するデフォルトの「Modernizr」（respond.jsビルドイン付き）スクリプトを使用しています。

最近、物事が片付いたので、ポートフォリオの作業を再開しました。それはまだ非常に新鮮ですが、画像の jquery .load() でいくつかの助けを借りることができました。

http://progress.patrikarvidsson.com/

私はhtml5boilerplateでjQueryを使用しています。この上に、Masonry と Lightbox があります。グレースケールのコードが原因だとは思わないので、ここには含めません。以下は、scripts.js ファイルの上部です (グレースケール コードが続く)。

Html は次のようになります (構造は引き続き html5boilerplate に従います。JS ファイルは後ですが、modernizr は前です)

fadeIn() は機能しますが、私が望むようには機能しません。画像が最初に読み込まれ、その後、ドキュメントが読み込まれると自動的に非表示になり、次にフェードインが有効になります。上記のリンクにアクセスすると、おそらくそれを見ることができます。基本的に、私にとってはこのように見えます。

これは、更新を押すたびに発生します。これは Chrome でのものです。Firefox ではフェードインはまったく機能しませんが、他のコンピューターではまだテストしていません。結局、何が問題なのかわかりません。

アップデート

代わりに css3-animation を使用することにしました。それはかなりうまく機能しますが、古いブラウザでどのように見えるかはまだわかりません.

とはいえ、なぜこの問題が発生するのか、私はまだ興味があります。したがって、回答は引き続き推奨されます。

棒グラフに jqPlot を使用しようとしていますが、何も表示できません。

jqPlot コードとすべてのプラグインを含めました。エラーはまったく表示されません

サンプルコードを直接コピーしました：

html:

Javascript:

クラス「jqplot-target」を「jqplot」divに追加しているため、javascriptが機能している必要がありますが、divにキャンバス/チャートを追加していません。クラスが追加された空のdivのみが表示されます。

これがレンダリングされない理由はありますか?

私は html5boilerplate も使用していますが、2 つの既知の問題は見つかりません。

ありがとう、

トーマス

私のクライアントはFoundationを使用することを望んでいます。HTML5Boilerplate with 960 Grid Systemを愛用しています。ファンデーションを H5BP と一緒に使用できますか? ご指導を賜りますようお願い申し上げます。

HTML5 モバイル ボイラープレートでは、「iPhone ビューポート スケール バグ」を修正するために、この Javascript のスニペットを追加することを推奨しています。

• 「iPhone ビューポート スケール バグ」とは何ですか? （リンクされたブログ投稿は私には意味がありません）
• このコードはどのようにバグを修正しますか? （つまり、それは正確に何をしますか？）