1

この解決策を試しました：ページのスクロールを無効にしますが、Googleマップのスクロールを許可します

ただし、appframework のプラグイン ライブラリをアプリケーションから完全に除外した場合にのみ機能します。プラグインを追加すると、スクロールを防ぐことができます

style="overflow:hidden"

しかし、マッシュアップでマップを移動できません。ここに例があります

http://jsbin.com/mediqelo/1/edit?html、出力

削除する

<script src="https://raw.githubusercontent.com/01org/appframework/master/build/af.plugins.min.js"></script>

動作しますが、私にとってはオプションではありません。プラグイン ライブラリを使用しているときに、実際の appframework で Google マップを使用するためのトリックはありますか?

4

2 に答える 2

0

appframework.ui.min.jsスクリプト ファイルには、ほとんどのプラグイン (af.scroller など) が既に含まれているため、af.plugins.js は必要ありません。

に含まれるプラグインのリストは次のappframework.ui.min.jsとおりです: https://github.com/01org/appframework/blob/master/Gruntfile.js#L132

したがって、表示されているエラーは、プラグインを 2 回含めることが原因である可能性があります。

不足している他のプラグインが必要な場合は、 https ://github.com/01org/appframework/tree/master/plugins の場所から個々のプラグインを含めることができます(af.slidemenu と af.desktopBrowsers は に不足しているプラ​​グインですappframework.ui.min.js)

于 2014-05-30T01:10:21.693 に答える
0

問題を作成し、開発者と簡単に話し合った後、問題が発生しました。( https://github.com/01org/appframework/issues/699 )

1) appframework.ui.min.js には多くのプラグインが含まれていますが、af.desktopBrowsers プラグインは含まれていません。このプラグインを追加しないと、デスクトップ ブラウザでスクロールが機能しません。このプラグインは、Google マップのマッシュアップをフリーズします。Chrome はターゲット プラットフォームではないため、開発者はこれに問題を感じていないようです (私も心配していません)。

2) Windows Phone 8 では、mspointer イベントをタッチ イベントにマッピングするため、af.desktopBrowsers が必要です (奇妙です)。しかし、このプラットフォームでは、Google マップは af.desktopBrowsers (ヤッピー!) で動作します。

appframework キッチン シンク アプリには、必要に応じて af.deskopBrowser を読み込むための小さなスニペットがあります。

if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
    var script = document.createElement("script");
    script.src = "plugins/af.desktopBrowsers.js";
    var tag = $("head").append(script);
}
于 2014-06-04T06:54:20.920 に答える