<div data-role="page" id="soccer">
<div data-role="header" data-position="fixed">
<h3 id="logo"></h3>
<div data-role="navbar" class="nav-glyphish-example">
<ul>
<li><a href="#index.html" id="aa" class="ui-btn" data-icon="custom">LIVE</a></li>
<li><a href="./soccer.html" id="bb" class="ui-btn" data-icon="custom" rel="external">축구</a></li>
<li><a href="./baseball.html" id="cc" class="ui-btn" data-icon="custom" rel="external">야구</a></li>
<li><a href="./basketball.html" id="dd" class="ui-btn" data-icon="custom"rel="external">농구</a></li>
<li><a href="./etc.html" id="ee" class="ui-btn" data-icon="custom"rel="external">etc.</a></li>
</ul>
</div>
</div>
<div data-role="fieldcontain" id = "aabb" data-theme="d" class="select">
<label for="select-choice-1"></label>
<select name="select-choice-1" id="select-choice-1" multiple="true" data-native-menu="false">
<option value="Select of League" data-placeholder="true">Select of League</option>
<option value="K-League">K-League</option>
<option value="Barclays-Premier-League">Barclays-Premier-League</option>
<option value="Spanish-Primera-Liga">Spanish-Primera-Liga</option>
<option value="Lega-Seriea-A">Lega-Seriea-A</option>
</select>
</div>
<div data-role="content" data-theme="d">
<h3 id="h3" align="center"><strong></strong></h3>
<ul name="listview" data-role="listview" id="soccerone" data-inset="true">
<li data-role="list-divider"><img src="./images/k.png" width="45px" height="30px"><div align="right">K-League</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccertwo" data-inset="true">
<li data-role="list-divider"><img src="./images/eng.png" width="45px" height="30px"><div align="right">Barclays-Premier-League</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccerthree" data-inset="true">
<li data-role="list-divider"><img src="./images/spe.png" width="45px" height="30px"><div align="right">Spanish-Primera-Liga</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccerfour" data-inset="true">
<li data-role="list-divider"><img src="./images/italy.png" width="45px" height="30px"><div align="right">Lega-Seriea-A</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccerfive" data-inset="true">
<li data-role="list-divider"><img src="./images/ger.png" width="45px" height="30px"><div align="right">Bundes-Liga</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccersix" data-inset="true">
<li data-role="list-divider"><img src="./images/fra.jpg" width="45px" height="27px"><div align="right">France-league</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccerseven" data-inset="true">
<li data-role="list-divider"><img src="./images/scot.jpg" width="45px" height="30px""><div align="right">Scotland-Premier-League</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccereight" data-inset="true">
<li data-role="list-divider"><img src="./images/uefa.jpg" width="45px" height="30px"><div align="right">Uefa-Champions-League</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccernine" data-inset="true">
<li data-role="list-divider"><img src="./images/EUROPA.jpg" width="45px" height="30px"><div align="right">Uefa-Europa-League</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccerten" data-inset="true">
<li data-role="list-divider"><img src="./images/ca.jpg" width="45px" height="30px"><div align="right">Capital-One-Cup</div></li>
</ul>
<ul name="listview" data-role="listview" id="soccereleven" data-inset="true">
<li data-role="list-divider"><img src="./images/fa.jpg" width="45px" height="30px"><div align="right">England-FA-Cup</div></li>
</ul>
<ul name="listview" data-role="listview" id="etc" data-inset="true">
<li data-role="list-divider"><div align="right">etc</div></li>
</ul>
<ul name="listview" data-role="listview" id="baseone" data-inset="true">
<li data-role="list-divider"><img src="./images/k.png" width="45px" height="30px"><div align="right">KBO</div></li>
</ul>
<ul name="listview" data-role="listview" id="basetwo" data-inset="true">
<li data-role="list-divider"><img src="./images/ame.png" width="45px" height="30px"><div align="right">MLB</div></li>
</ul>
<ul name="listview" data-role="listview" id="basethree" data-inset="true">
<li data-role="list-divider"><img src="./images/jap.png" width="45px" height="30px"><div align="right">NPB</div></li>
</ul>
<ul name="listview" data-role="listview" id="basketone" data-inset="true">
</ul>
<ul name="listview" data-role="listview" id="baskettwo" data-inset="true">
</ul>
<ul name="listview" data-role="listview" id="basketthree" data-inset="true">
</ul>
<ul name="listview" data-role="listview" id="nhlone" data-inset="true">
</ul>
<ul name="listview" data-role="listview" id="vone" data-inset="true">
</ul>
<ul name="listview" data-role="listview" id="vtwo" data-inset="true">
</ul>
</div> <!-- content 끝-->
<div data-role="footer" data-position="fixed">
<h3 id="banner"></h3>
</div>
</div>
<!--여기까지-->
</body>
</html>
<script type="text/javascript">
$('#aabb').bind({
click: function(e) {
alert("버블링 스타트");
e.stopPropagation();
$('#aabb').toggle();
$('#aabb').show();
}
});
</script>
문제의 소스는 위에 보는부분이며
select menu를 클릭하면 리스트가 열리게 하려합니다.
select menu를 클릭하면 버블링현상이 일어나서
버블링 현상을 일단 잡았는데 이젠 리스트가 뜨지 않습니다.
간단한 문제 같은데 장시간 해결이 안되서 질문 올립니다 .