2016-10-08 8 views
1

私は疑いがあります。大丈夫。私は、ユーザーがコメントを投稿し、各投稿の隣にそれぞれに属するボタンがある投稿があります。さて、これらのボタンをクリックすると、ポップアップが表示されます。複数のアイテムにイベントを配置するにはどうすればよいですか?

そのイベントには?いくつかの要素のイベント。しかし、それはすべてのボタンで同じです。

ああ。これらのボタンは、ユーザーが何かを投稿したときに、ボタンがあることをphpで生成または印刷されます。助けて!!!

HTML

<a id="popup" class="globes_post_giving">♠</a> 

JS

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#popup").on({ click:function(e){ 
      alert('hola'); 
     } }); 
    }); 
</script> 
+0

あなたが試したことはありますか? – Karthi

+0

@LifeTimeProgrammer私はHTMLコードと少しのjqueryを持っています: luis

+0

これまで行ってきたことを教えてください。 –

答えて

1

jQueryのコードがよくないようです。

構文エラーがあります。あなたがより良いの代わりにIDのクラスを使用し、その上にクリックイベントを設定したい複数のボタンで使用するためには

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#popup").click(function(e){ 
      alert('hola'); 
     }); 
    }); 
</script> 

:ここ

は私の2セントです。私はより多くのコードなしで行うことができますすべてです

HTML

<a href="#" class="popup">First link</a> 
<a href="#" class="popup">Second link</a> 
<a href="#" class="popup">Third link</a> 

JS

$(document).ready(function(){ 
    $(".popup").click(function(e){ 
     alert('hola'); 
    }); 
}); 

希望します。

+0

このコードはseverals要素で機能しますか? – luis

+0

私が言ったように、severals要素で使用するには、idの代わりにclassを使うのがよいでしょう。 – JazZ

+0

@luis severals要素のクラス使用例の私の編集された答えを見てください。 – JazZ

関連する問題