問題タブ [iscroll4]

私はjqtouchでphonegapを使用しており、電話のネイティブ電話アプリを開いて電話をかけようとしています。私は以下のあらゆる種類のバリエーションを試しました：

rel="external" を試しました

href="tel://" を使用してみました

target="_blank" を試しました

target="_webapp" を試しました

class="tel" を追加して、jQuery を使用して $(location).attr('href',this.href); を呼び出してみました。

基本的に、jqtouch はそれを実行するためにリンクをインターセプトする必要があり、正常に動作させる方法がわかりません!

しかし、奇妙なことがわかりました...
リンクを iscroll ラッパーでラップすると、機能します。

フォーマットを台無しにし、ボタンをスクロール可能にし、無意味になるため、明らかにこれで解決したくありません。誰でも私を助けてもらえますか？

更新:スクローラーを希望どおりに機能させることができましたが、実際の問題をハッキングしたような気がします。誰かがより確かな答えを持っていれば、それを気に入っていただけると思います。新しいjQueryの下のスニペットに更新してメモしましたm を使用しています。

iPad/Android Web アプリにiScroll-4 ( http://cubiq.org/iscroll-4 ) を使用しています。すべてがスワイプとスクロールで完全に機能していますが、アプリの冒頭に目次があります。ユーザーがスクローラーの特定の領域にジャンプできるようにする --

scrollToElement(element, duration)別の領域にジャンプするためにiScroll 関数を使用しています。またscrollToPage(page, duration)、ユーザーが一度に 1 ページずつ手動で前後に移動できるようにするためにも使用します。

コンソールを見ている間currPageX、関数を使用してナビゲートしたscrollToPageときやスワイプしたときに変数の更新がログに記録されますがscrollToElement、currPageX変数を使用すると更新されません。

したがって、要素にジャンプしてから前方に移動すると、scrollToPage('next', 0)後方に移動し、目次の後の次のページに移動します。

scroll.refresh()関数を after scrollToElement、 before 、関数を timeout 内に入れるなどして使用しようとしましたが、currPageXが更新されない理由がわかりません。

2 つの異なる関数を使用している jQuery コードのスニペットを次に示します。

これが私がそれを呼ぶ方法です

id だけでなく、クラスでも使用できるように少し変更しました。

コンテナとそのコンテンツをドラッグできるため、機能するようです（有効になる）（ただし、位置を保持せず、マウスを離すと復元されます）

それが起こっているのを見たい場合は、http://toniweb.us/granoにアクセスして、メニューの任意の項目をクリックしてください。新しく表示されたものが効果を発揮します。

なぜそれが機能しているのに期待どおりではないのか考えていますか?

これを行う理由は、コンテナーには、コンテンツの選択に応じて非表示または表示されるいくつかのサブコンテナーがあるためです。

CSS:

DIV内でiScroll4を実行していますが、DIVの高さが動的に生成され、iScrollを台無しにします

DIVを含むiScrollsにハードコードされた高さを指定すると、正常に機能します。

しかし、それはjavascriptによって作成された動的な高さです。そしてiScrollはそれを無視します。ただし、デスクトップブラウザでビューポートのサイズを調整すると、ビューポートのサイズが機能します。

これは、動的な高さを作成するスクリプトです。

Twitterスクリプトを無視します-それは、含まれているDIVの高さを決定しているバインドされた関数の後です。

DIVを含む「スクローラー」の高さは、次のCSS値によって決定されます：top：0pxおよび「bottom」値。ただし、一番下のCSS値は動的です。

ここでライブプロジェクトを参照してください-これは壊れているときです。メニューをクリックして、サイドバーに壊れたスクローラーを表示します。

壊れたスクローラー

次に、以下の同じプロジェクトを参照してください。ただし、ヘッドにハードコードされた下部のCSS値が追加され、スクリプトが削除されています。そして、これはうまくいきます。

働くスクローラー

これは、iScrollが一番下のCSS値を無視していることを意味します（ただし、ビューポートサイズを調整すると機能し始めますが、デバイスではうまくいきません）

どんな助けでも大歓迎です

ありがとう、ジョシュ

更新、これは機能します-しかし、それは毎回機能しますか？

iScrollコンテナがページの下端（Y軸）に到達したときに関数コールバックをフックしようとしています。300以上のコンテンツすべてではなく、オンデマンドでより多くのコンテンツをロードできるようにします。

誰かがそれに取り組んだことがありますか？ヒントはありますか？

これが私が参照していたライブラリです：http：//cubiq.org/iscroll-4

フッターにリンクがあり、次のようになります。 <a href="#index">Home</a> <a href="#page2">Page2</a>

ページ 2 のコンテンツはどこにありますか? ページ内のすべての内容が page2.php にある場合??

初めてのモバイル アプリを作成していますが、奇妙な問題があります。Safari を介して定期的にアプリを起動すると、リンクは他の通常の HTML リンクと同じように機能します。Web アプリをホーム画面に追加すると (完全な効果、ボタン、スプラッシュを取得し、Safari コントロールを取り除くため)、リンクをクリックするたびに Web アプリが閉じて通常のサファリで再起動するという問題が発生します。

私はこれに数時間取り組んでいるので、誰かが私にこれを手伝ってくれることを願っています。

固定ヘッダー/フッターの優れた機能のため、iscroll を使用しています。

フッターにリンクがあります。通常のサファリでは、すべて正常に動作します。webapp がホーム画面に保存されてから起動されると、リンクがクリックされた後、webapp が閉じられ、safari が起動されます。

AJAX を試してみましたが、うまくいきませんでした。

誰か助けてください。

固定ヘッダー/フッターの優れた機能のため、iscrollを使用しています。

フッターにリンクがあります。通常のサファリでは、すべて正常に機能します。Webアプリをホーム画面に保存して起動すると、リンクをクリックするとWebアプリが閉じてSafariが起動します。

運が悪かったのでAJAXを試しました。

誰か助けてくれませんか。

私は自分の問題のために JSFiddle を作成しましたが、いくつかの奇妙な理由で、この JSFiddle jsfiddle.net/r9VL2/1/に実際のオンライン例を正確に配置しましたが、動作していませんか?

誰でも私のオンライン例「シンプルな垂直スクロール内のカルーセル」のように機能させることができますか?それは初心者に適しています:)

しかし、ここでわかるように、 「Simple Vertical Scrolller 内のカルーセル」でわかるように、私の実際の問題は、[前へ] ボタンと[次へ]ボタンがすべて最後のカルーセルを制御することです。

最後のカルーセルをすべて制御するだけでなく、前のボタンと次のボタンが親のカルーセルで機能するように、JavaScriptをスリム化して取得するのを手伝ってくれる人はいますか。

どんなプロの助けも素晴らしいものになるでしょう。

ジョシュ

以下のコードをスキャンして、デバイスでテストします。