問題タブ [topcoat]

トップコート ライブラリを見て、そこにあるコンポーネントの 1 つを使用しています。上塗りスイッチ。

この例はここでうまく機能します：

http://codepen.io/Topcoat/pen/upxds

しかし、私のアプリでは、順序付けされていないリストにスイッチを入れ子にし、スタイリングのために含まれるリスト要素に背景色を適用する必要があります。ここで模倣したように：

http://codepen.io/anon/pen/ekKEc

この大雑把な例では、テキストが見えないようにマスクしていますが、これは非常に望ましくありません。

同様に、ラベル要素に背景色を適用すると、同じ問題が明らかになります。

私は最終日をz-indexなどをいじって過ごし、それが背景色であることがわかったので、これについての助けは素晴らしいでしょう.

私はトップコート（topcoat.io）、backbone.js、およびPhonegapをモバイルアプリのIm builingに使用しています。Facebook スタイルのスライドアウト メニューを作成したいと考えています。チュートリアルへのリンクは次のとおりです: http://outof.me/navigation-drawer-pattern-with-topcoat-css-library/

正常に動作する jsfiddle は次のとおりです: http://jsfiddle.net/webintelligence/vPef6/1/

基本的には次のようになります。

重要なcssは次のとおりです。

私のアプリケーションには (この単純なライブラリ: https://github.com/ccoenraets/PageSliderの助けを借りて) トランジションされる多くのテンプレートが含まれているため、本文の後とコンテンツの周りにタグを付ける必要があります。ただし、これを行うと、メイン コンテンツの背後にメニューが表示されます。これがjsfiddleです：http://jsfiddle.net/webintelligence/TLNyY/

div に css を追加しました (本体の css をコピーします):

メニューがコンテンツを通して表示されるようになった理由はありますか?

angularJS +トップコートを使用して、phonegapでAndroidアプリを構築しています。インデックス ページ、ビュー、およびすべての基本構造の作成を管理しました。私の質問は、表示するデータがないページ (部分) がいくつかあるということです。その場合、ビューはページの高さを埋めません。angular-snapを使用して引き出しメニューを非表示にしているため、これは問題になります。ページが使用可能なすべての高さを埋めていないため、非表示になっているはずのメニューが表示されます。この状況を処理する方法を知っている人はいますか？例として画像を添付しています！app-example ありがとうございます！

私は最初の phonegap アプリを作成しており、トップコートを美化 (純粋な css) demopageとして使用しています。すべてが CSS ベース (ハードウェア アクセラレーション) であるため、トップコートはモバイル アプリに最適です。ただし、すべてが CSS ベースであるため、DOM 状態の操作/読み取りに役立つ JavaScript はありません。これは、ほとんどのトップコート コンポーネント (ボタンのクリックや入力へのテキストの入力など) では問題ありません。ただし、オン/オフ スイッチ コンポーネントは実際には派手な html チェックボックスであり、クリックすると css-transition でオンまたはオフに切り替わります。とてもいいのですが、チェックボックス自体が更新されません (トップコートのバグ?)。私はうまくいく解決策を持ってきましたが、これが進むべき道なのか、なぜ推奨されたjqueryを使用できないのか疑問に思っています.

jsfiddleデモ

ナイーブかもしれませんが、トップコートアイコンボタンにアイコンを配置する方法に固執しています。削除ボタンと変更ボタン（アイコンにしたい）を含む動的リストを作成しています。どんな助けでも大歓迎です...

ハイブリッド HTML5 アプリをコーディングしています。今は道具選びの段階です。あなたがすでに私を片付けるのを手伝ってくれていることに、私はほとんど疑いを持っていません。しかし、トップコートを発見した後、私はこの最後の質問があります.

Twitter Bootstrapがバージョン 3 になり、Web ページで直接ストリップできるようになったので、はるかに流暢になることは既に知っています。しかし、多くの人がまだ Twitter Bootstrap + Phonegap のパフォーマンスに不満を持っているので、Topcoat が単なる CSS であるという事実は私に考えさせました...

経験がどれほど流動的/自然であるか、そしてどちらがよりうまく処理できるかを判断するために、実際のテストを行った人はいますか?

Phonegap を使用してアイコン付きのカスタム ボタンを作成しようとしています。

https://github.com/topcoat/iconsと www.icomatic.io を使用してアイコンを作成しました。次に、結果の icomatic ファイルを www/css/icomatic フォルダーに保存しました。

何らかの理由で、次のコードは通常の (クロム) Web ブラウザーでは機能します (アイコンを表示します) が、携帯電話では機能しません (カメラという単語のボタンが表示されるだけです)。

wwww/css/icomatic.css フォルダーにある icomatic.css を使用します。CSSは次のとおりです。

次のように参照されます。

ありがとう！

//編集: この問題は、特定のデバイス/ソフトウェア (Android 4.3、Xperia Z) で特に発生しているようです。

私が試した別のAndroidデバイスでは、カメラアイコンは正常に表示されました..