0

モバイル ブラウザーでは、ユーザーがスワイプできる 2 つのビュー (A と B) で構成される webapp を作成しています。大きな画面では、2 つのビューが並べて配置されます。

スワイプ効果を作成するために iosSlider を使用しています。

私がやりたいのは、A と B を出力するコマンドを使用することです。たとえば、非常に長い文字列を出力する 2 つの関数などです。

if mobile:
    <slider-construction>
        <slide1> funk_A() </slide1>
        <slide2> funk_B() </slide2>
    </slider-construction>  
else:
    <div>funk_A()</div>
    <div>funk_B()</div>

私は賢明な方法で物事を行っていますか？別の方法は、スライドを単純に並べて配置するように無効にすることができるスワイプスクリプトを使用することだと思います（iosSliderにその機能があるようには見えませんか？）。A と B を別々の .html ファイルに配置し、embed-command を使用してそれらをスライド内に配置しようとしましたが、スワイプ効果が無効になっているようです。document.write()、またはそれに類似したもの (スライドの innerHTML など) を使用することも、これらの関数が一度に 1 行のコードしか想定しないため、実用的ではありません。

ありがとうございました ：）

4

1 に答える 1

0

これに対する3つの異なる解決策を見つけました：

HTML ソリューション:

「インクルード」コマンド

使用する

<!--#include virtual="/directory/included.html" -->

親ファイルの末尾を.shtmlに変更します。

iosSLider ソリューション:

スライド幅

スライドの合計幅がスライダーの幅よりも小さい場合、それらは自動的に隣り合わせに配置されます。これは、iosSlider に同梱されているベンチマークの最後の例で実証されています。

破棄方法

呼び出しを使用して、スライダーを無効にすることもできます。

$(".iosSlider").iosSlider("destroy");

ここでの「.iosSlider」は、iosSlider を開始するために使用されたものと同じ定義であることに注意してください。

$('.iosSlider').iosSlider({
                (options)
            });

この場合、スライドは div として扱われます (ただし、スライダーがアクティブだったときに適用された幅や高さなどの書式設定はそのままです)。

于 2013-03-04T20:41:49.060 に答える