0

動的に作成される折りたたみ可能なセットとリストビューがあります。私の折りたたみ可能なセット要素では、countbubble 値を表示しています。

これが私がやっている方法です。

count = resultset.rows.length;
$(list).remove();
$.each(resultset.rows,function(index){
   var row = resultset.rows.item(index);      
   var li = '<li><a href="#">'+row['Date']+'</a></li>';
   list.append(li); 
});

div = '<div data-role="collapsible" data-inset="false" data-iconpos="right" data-collapsible="true" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d"><h3>'+
 row1["name"]+'<span class="ui-li-count ui-btn-up-c ui-btn-corner-all" data-iconpos="right">'+count+'</span></h3></div>';
}

list.appendTo(div).parent().appendTo('[data-role="content"]').end().trigger("create");
$('div[data-role="collapsible"]').collapsible({theme:'b',refresh:true});
$('[data-role="listview"]').listview().listview('refresh');     
}

クリックした折りたたみ可能な要素を取得できます。これは、折りたたみ可能な要素を取得するために行っていることです

$(document).on("expand", "div[data-role=collapsible-set] div[data-role=collapsible]", function(){
    var title = $(this).find(".ui-btn-text")
                       .contents()
                       .filter(function(){
                           return this.nodeType == 3;
                       }).text();
    alert("Expanded: " + title);
});

しかし、上記の方法では、折りたたみ可能な要素名のみを取得できます。カウントバブルの値を取得するにはどうすればよいですか?

ありがとう：）

4

1 に答える 1

0

試す

$(document).on("expand", "div[data-role=collapsible-set] div[data-role=collapsible]", function(){
    var $item = $(this).find(".ui-btn-text");
    var title = $item.contents()
                     .filter(function(){return this.nodeType == 3;})
                     .text();
    var count = $item.find(".ui-li-count").text();
    alert("Expanded: " + title + ' count: ' + count);
});

jsフィドル

于 2013-05-16T03:10:51.897 に答える