jquery - 我如何在 jquery mobile 中向上滑动数据角色 ="content"

Question

这里我的问题是我想为数据角色内容中的所有元素提供向上滑动效果。 我可以使用两个不同的页面创建类似的效果。

<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);

});

上面的代码没有达到预期的效果

Answer 1

我希望我正确理解你的问题。你想对所有数据角色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);

    });

more details check this Attribute Equals Selector [name="value"] post