javascript - IScroll ラッパーは高さを取得しません

Question

次のコードがあります。

<div data-role="content" height="100%" data-iscroll>
    <div class="homebutton_zeile">
        <a id="picture_home" href="#pictures">
            <div class="homebutton_all">
                <div class="homebutton_name">Picture</div>
                    <div class="homebutton_picture">
                        <img src="images/picture.png" alt="image"
                                        style="position: relative;">
                    </div>
                </div>
            </a>        
        </div>
    </div>
</div>

私のCSSクラス

.homebutton_zeile{
 width: 100%;
 height: 30%;
}

.homebutton_all{
 width: 30%;
 height: 90%;
 float:left;
 margin-left: 2%;
 margin-top:15px;
}

.homebutton_picture{
 position: relative;
 width: 100%;
 height: 85%;
 float: left;
 background-color: #AAC7BD;
 border: 1px solid black;
 border-radius: 15px;
 box-shadow:8px 8px 8px #666;
}

.homebutton_name{
 text-align:center;
 position: relative;
 top:-10px;
 width: 100%;
 height: 15%;
 margin-left: auto;
 text-decoration:none;
 color:black;
}

私は使っている：

• iscroll.js
• jQuery1.8.2
• jQuery モバイル 1.2.0
• jQuery モバイル isscrollview。

jstorage.jsそして、それを知る必要がある場合fastclick.js

しかし、上記の div は iscroll のラッパーで高さを取得していません。前にもログインがあり、このページは関数の後のログイン後に自動的に表示されます$.mobile.changePage("#home");。

changePage の関数の前に最初のページとして実行しようとしましたが、同じ効果が得られました。 たとえば、ラッパーの後 に配置すると、内部の画像ではなく、<div data-role="content" height="100%" data-iscroll>&nbps; ラッパーの高さが15pxになります。