0

次のような構造の HTML ドキュメントがあります。

<section id="page1" data-role="page"> 
    <a href="#" id="next-section" class="next-section" style=" cursor:e-resize"><div class="arearight" alt="go right" ></div></a>
    <a href="#" id="prev-section" class="prev-section" style=" cursor:w-resize"><div class="arealeft" alt="go left" ></div></a>
...   
</section>

<!-- more sections -->

そして、それをトラバースする次のコードがあります

$(":jqmData(role='page')").each(function() {
    $(this).bind("swipeleft" goLeft); //goLeft and goRight are defined and working
    $(this).bind("swipeleft", goRight);
    //...
}

スワイプは正常に動作していますが、 andnext-sectionをprev-section呼び出すclick動作にバインドしたいのですが、オブジェクトを介してそれらにアクセスする方法がわかりません。彼らにたどり着く方法を知っている人はいますか？goLeftgoRight$(this)

ありがとう

4

2 に答える 2

5

それらには別のセレクターを使用します。

$(this).find("#prev-section").click(goLeft);

$(this).find("#next-section").click(goRight);

同じ ID (#prev-section、#next-section) を持つ要素が複数あることに注意してください。ただし、ID は DOM 全体で一意である必要があります。クラスまたはデータ ダッシュ属性 (に使用しているものなど) に置き換えますrole=page。

于 2013-08-18T08:05:41.787 に答える