teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

a

2016/11/01 02:39

投稿

pinpikokun
pinpikokun

スコア376

answer CHANGED
@@ -11,7 +11,7 @@
11
11
  <script>
12
12
 
13
13
  $(function(){
14
- $('.pop').on('click',function(e){
14
+ $('.pop ons-list-item').on('click',function(e){
15
15
  $("#result").html($(this).attr("name") + "をクリックしました");
16
16
  popover.hide();
17
17
  });
@@ -21,10 +21,10 @@
21
21
  </head>
22
22
  <body>
23
23
  <ons-popover direction="down" id="popover">
24
- <ons-list>
24
+ <ons-list class="pop">
25
- <ons-list-item class="pop" name="new">新着通知</ons-list-item>
25
+ <ons-list-item name="new">新着通知</ons-list-item>
26
- <ons-list-item class="pop" name="folder">フォルダを作成</ons-list-item>
26
+ <ons-list-item name="folder">フォルダを作成</ons-list-item>
27
- <ons-list-item class="pop" name="edit">編集</ons-list-item>
27
+ <ons-list-item name="edit">編集</ons-list-item>
28
28
  </ons-list>
29
29
  </ons-popover>
30
30
  <ons-navigator title="Navigator" var="myNavigator">