jQueryでサンプルコードが動かない

下記のjQueryを使ってますが、2つ画像がある内の1つしか動作しない状況です。
参考サイト:http://h2ham.seesaa.net/article/124030086.html 

※HTMLのソースは下記を使用するものとします
<a class="button" href="#"><img src="a.png" id="over1"></a>
<a class="button" href="#"> <img src="b.png" id="over1"></a>
jQueryのサンプルソース

<script type="text/javascript">
(function($) {
$(function() {

$('#over1').opOver();
$('#over2').wink();
$('#over3').opOver(0.6,1.0);
$('#over4').opOver(1.0,0.6,200,500);
$('#over5').wink(200);
$('#over6').wink('slow',0.2,1.0);
$('#test1 .over ').opOver();

});
})(jQuery);

</script>

1つ目のa.pngは動作したのですが、b.pngは動きませんでした。
コードに問題があるのでしょうか?ご教授頂ければ幸いです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/10/14 22:02:19
  • 終了:2012/10/14 23:13:59

ベストアンサー

id:Cherenkov No.1

Cherenkov回答回数1503ベストアンサー獲得回数4932012/10/14 22:47:37

ポイント200pt
<a class="button" href="#"><img src="a.png" id="over1"></a>
<a class="button" href="#"> <img src="b.png" id="over1"></a>

b.pngのidがa.pngのものとかぶっているのでover2などに修正してください。
$('#over2').wink();として動作するはずです。

id:ty2016

ご回答ありがとう御座います。
無事、問題が解決致しました。

2012/10/14 23:14:50

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません