jquery mobile可折叠面板选择器

我有一个问题，我一直无法解决的方式看起来是正确的。jquery mobile可折叠面板选择器

我有我的说明问题，一个小提琴：

<body> 
<div data-role="page" id="index"> 
    <div data-theme="a" data-role="header"> 
     <a href="#" class="ui-btn-left" data-icon="back">BACK</a> 
     <h3> 
      You Selected 
     </h3> 
    </div> 

    <div data-role="content" id="test-main-container"> 
     <div data-role="collapsible-set" data-inset="false"> 

      <div data-role="collapsible" data-theme="b" data-content-theme="d" data-inset="false"> 
       <h3>FROG</h3> 
       <ul data-role="listview"> 
        <li><a href="#">BULL FROG</a></li> 
       </ul> 
      </div><!-- /collapsible --> 
      <div data-role="collapsible" data-theme="b" data-content-theme="d" data-inset="false"> 
       <h3>TOAD</h3> 
       <ul data-role="listview"> 
        <li><a href="#">FAT</a></li> 
       </ul> 
      </div><!-- /collapsible --> 
      <div data-role="collapsible" data-theme="b" data-content-theme="d" data-inset="false"> 
       <h3>REPTILE</h3> 
       <ul data-role="listview"> 
        <li><a href="#">Aardvark</a></li> 
        <li><a href="#">Alligator</a></li> 
        <li><a href="#">Ant</a></li> 
        <li><a href="#">Bear</a></li> 
        <li><a href="#">Beaver</a></li> 
        <li><a href="#">Cougar</a></li> 
        <li><a href="#">Dingo</a></li> 
       </ul> 
      </div><!-- /collapsible --> 

     </div> 
    </div> 
</div> 
</body>

我想这样做是节省手风琴家庭和手风琴菜单的选项。举例来说，如果我选择选项牛蛙

我会变种selectedAnimal =牛蛙，selectedFamily = FROG

但是我无法创建选择做这个任务。

来源

2013-04-10 Astronaut

这里有一个工作示例：http://jsfiddle.net/Gajotres/4uzKp/

$(document).on('pagebeforeshow', '#index', function(){  
    $(document).on('click', '[data-role="listview"] li', function(){  
     var selectedAnimal = $(this).find('.ui-btn-text a').text(); 
     var family = $(this).parent().parent().parent().find('.ui-btn-text').first(); 
     family.find('span').remove(); 
     family = family.text(); 
     alert("Selected animal = " + selectedAnimal + ", selected family = " + family); 
    }); 
});

来源

2013-04-10 15:03:31 Gajotres

就是这样，我考虑由于性能不同的方式，但这种方式应该是蛮好的。谢谢！ – Astronaut 2013-04-10 15:09:14

jquery mobile可折叠面板选择器

回答

相关问题