1

JqueryMobile1.0bの使用

<div class="navSubBars" id="cat0Nav" data-role="navbar" style=" padding-top: 2px;">
  <ul>
    <li>item1
    <li>item2
    <li>item3
    <li>item4
 </ul>
</div>

$('.navSubBars>ul>li>a').live('vclick',function() {
  var subMenuItem = $(this).text();
  alert(subMenuItem);
});

ファーストクリックイベントはアラートを発します。ページ上の他のアイテム（アンカー）をクリックすると、別のクリックイベントがすぐに発生します。その後のクリックは断続的に正しく発生し、アラートをまったく発生させないものもあります。非常にランダム。

役立つ場合に備えて、同じページのdivに動的コンテンツをロードするためにこれが必要です。

アンバインドをチェーンしてバインドし、伝播を停止してfalseを返し、さまざまなセレクターを試しましたが、すべて成功しませんでした。

回避策、修正、またはより良いアプローチを探しています。ありがとう。

4

1 に答える 1

3

liタグは有効なHTMLではありません。

実例：

HTML :(各liにアクセスするためのクラス属性の追加）

<div data-role="page" id="jqm-home" class="type-home"> 
    <div data-role="content">        
        <div class="navSubBars" id="cat0Nav" data-role="navbar" style=" padding-top: 2px;">
            <ul>
                <li class="click-li">item1</li>
                <li class="click-li">item2</li>
                <li class="click-li">item3</li>
                <li class="click-li">item4</li>
            </ul>
        </div>
    </div>
</div>

JS：

$('.click-li').live('vclick', function() {
   var subMenuItem = $(this).text();
    alert('Sub Menu Item: '+subMenuItem);
});
于 2011-06-29T12:47:01.837 に答える