2

ここで私の問題は、データロールコンテンツ内のすべての要素にスライドアップ効果を与えたいということです。2 つの異なる page を使用して同様の効果を作成できます。

<div data-role="page" id="firstpage" >
 </div>
 <div data-role="page" id="secondpage" >
    <div data-role="content"   id="projector">
    <ul>
    <li>test</li>
    <li>test</li>
    </ul>
    </div>
    </div>

$("#firstpage").live('pageinit', function (evt) {
     $.mobile.changePage("#secondpage", { transition : 'slideup'});

});

しかし、どうすれば単一のページでそれを行うことができますか?

<div data-role="page" id="firstpage" >
<div data-role="content"   id="projector">
<ul>
<li>test</li>
<li>test</li>
</ul>
</div>
</div>

$("#firstpage").live('pageinit', function (evt) {
      $('#projector').slideup(2000);

});

上記のコードは期待される効果を与えていません

4

2 に答える 2

0

あなたの質問を正しく理解していることを願っています。すべてのデータロール div にスライドアップ効果を適用したい場合は、次のように記述できます。 

   <div data-role="page" >
    <div data-role="content"   id="projector">
    <ul>
    <li>test</li>
    <li>test</li>
    </ul>
    </div>
    </div>

    $("#firstpage").live('pageinit', function (evt) {
          $("div[data-role='content']").slideup(2000);

    });

詳細については、この Attribute Equals Selector [name="value"] の投稿を確認してください

于 2012-12-21T05:29:37.350 に答える
0

ソリューション

スクロールを可能にする jQM 用に構築された 2 つの気の利いたメソッドがあります。

$.mobile.silentScroll

例：

//scroll to Y 100px
$.mobile.silentScroll(100);

これにより、ページのコンテンツに応じてスクロールされるため、ページをターゲットにする必要はありません。このメソッドの詳細については、こちらをご覧ください: http://jquerymobile.com/demos/1.0rc2/docs/api/methods.html

scrollTop(値)

例：

$("div.demo").scrollTop(300);

これは基準点からのものであり、いくつかのページ要素で行う必要があります。これについて詳しくは、http: //jquerymobile.com/demos/1.0a1/experiments/api-viewer/docs/scrollTop/index.htmlをご覧ください。

より詳しい情報

このトピックについて詳しく知りたい場合は、この記事をご覧ください。実際の例も見つかります。

于 2012-12-21T08:47:06.630 に答える