web-dev-qa-db-ja.com

bootstrap 3をjQuery Mobileと一緒に使用できますか?

私は多くの「ブートストラップとjQueryモバイル」の記事を読みました。両者の目的が異なることは明らかです。それで、それらを組み合わせることはどうですか?

他にも、ブートストラップのレスポンシブレイアウト機能が気に入っています。一方で、「ページ」アプローチとjQueryモバイル(スワイプイベントなどを含む)と遷移の可能性も気に入っています。

両方を組み合わせた専門的なプロジェクトはありますか?または誰かがそうしようとして失敗しましたか?

jQuery MobileでBootstrapを使用 は似たような質問のように見えますが、古くなっています(bootstrap 2を参照)。

51
Tillito

結論複雑なプロジェクトの場合、JQuery MobileとBootstrapを組み合わせることはお勧めしません。

JQMナレッジJQuery Mobile(JQM)フレームワークを使用して、一連の洗練されたWebアプリケーションを構築しています。私たちは1年以上これを作成してきましたが、今ではJQMについてかなり合理的な知識を持っています。

良い点:永続的なフッターや、HTML5アプリにかなりネイティブな雰囲気を与えるモバイルフレンドリーなコンポーネントなど、一部の機能は便利です。欠点:必要な複雑な機能を作成するためにページをプリロードするなど、JQMの多くの機能を無効にする必要がありました。

IOS開発者をだましてネイティブであると考えさせたため、最終結果は良好です。

Bootstrap Knowledgeまた、最近、bootstrapを使用して上記のJQM製品を宣伝するレスポンシブWebサイトを作成し、非常にうまく機能しています( http:// www.sure-sense.com )。

The CombobootstrapとダッシュボードアプリケーションのJQMプロジェクトを組み合わせようとしましたが、2つのフレームワークに互換性がないことがすぐにわかりました。 JQMのCSSはbootstrap CSSの上のコンポーネントをマークアップし、結果はJQMに似たコンポーネントとブートストラップに似たコンポーネントになります。

44
glimmer

個人的には、jQuery Mobileには実際に必要な機能よりも多くの機能があると思います。また、柔軟性のない構築方法に縛られていると思います。さまざまなアニメーションのパネルが多数あると、バグが発生し乱雑になり始め、通常は80%の速度で非常に高速になりますが、カスタム処理には時間がかかります。

Twitter bootstrapを使用し、必要な機能をサポートするプラグインを追加します。

Bootstrapには、jQuery Mobileの機能を模倣するために追加できる多くの非公式プラグインがあります。 http://bootsnipp.com/resources

jQuery Mobileからのスワイプイベントのみを使用するためのガイドがここにあります。 http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

または、独自のプラグインを使用して、スワイプイベントを手動で追加できます。 http://stephband.info/jquery.event.swipe/

拡張可能なサイドバーメニューが必要な場合は、自分で簡単に追加できます。

-webkit-transition: width 0.35s ease;
-moz-transition: width 0.35s ease;
-o-transition: width 0.35s ease;
transition: width 0.35s ease;

http://jsfiddle.net/Osis/Mns8q/http://codepen.io/krichnafsky/pen/cuhkLhttp://coding.smashingmagazine .com/2013/01/15/off-canvas-navigation-for-responsive-website /

26
Kim T

一人で仕事をする場合、あなたがすべての唯一の「あなた」であるため、どの単一のソリューションまたはコンボを選択するかは本当に重要ではないと思います。

ただし、会社または企業のチームワークの場合、作業にはテンプレートの作成+アプリケーションの実装が含まれ、責任はそれぞれ創造的な設計チームとITチームに委ねられます。したがって、最終的なソリューションは、これら2つのチームの両方で問題がないことが必要です。

当社では、CDチームはBootStrapを使用する傾向があります。これは、多くのカスタム特殊効果Webテンプレートを作成するように要求されますが、ITチームはすでにjQMアプリケーションを実行しており、開発作業、したがって競合。

長期的には、「ユーザー要件」が競合を克服し、BootStrapテンプレートを使用し、メインのモバイルWebアプリケーション開発でjQMを使用しないようにします。

取るに足らないが、受け入れる必要がある選択。

2
Scott Chu