0

助けてください、これは本当に私を夢中にさせています。私は Javascript の初心者で、Dojox.mobile フレームワークを使用しようとしています...

基本的に、私がやりたいことは、クリックすると現在の <div> の前にある <div> に移動するボタンを持つことです。これは、通常の html <button> または <div> である必要があり、ul、li、見出し、または類似のものにすることはできません。これは、ビューの上部や境界線ではなく、ビューの中央に配置されるためです (正確な場所は style タグで指定されています)。dojo.back フレームワークを実装しようとしましたが、何をロードするか、またはどこに移動するかを正しく理解できないようです。OnClick プロパティを使用して実装してみました (これは、先に進む他のすべてのボタンを実装する方法です)）、ただし、すべての div 間で完全に重複します。moveTo プロパティで実装してみましたが、通常のボタンやリスト要素ではなく、ul 要素と li 要素でのみ使用できると思います (通常の div で使用できる場合、それらを実装する方法がわかりません)。

正直なところ、他に何ができるかわかりません。助けてください！

4

1 に答える 1

0

dojox.mobile.Viewには、あるビューから別のビューに切り替えることができる performTransition という関数があります。使用できるものの簡単な例を次に示します。

HTML:

<div id="first_view" data-dojo-type="dojox.mobile.View">
    <p>First view you see</p>
    ...
</div>
<div id="second_view" data-dojo-type="dojox.mobile.View">
    <p>Second view</p>
    <button data-dojo-type="dojox.mobile.Button" 
        data-dojo-props='onClick:function(e){goBackToFirstView();}'>
        Back
    </button>
</div>

JavaScript:

function goBackToFirstView () {
    // load the view that should be visible
    var secondView = dijit.registry.byId("second_view");
    // transition slides back one
    secondView.performTransition("first_view", -1, "slide");
}
于 2013-02-25T15:13:26.027 に答える