jQueryでの再質問

質問

QNo.7739878であるタグをクリックした時に指定した<a>をクリックした事にするでご教授いただきましたが、その内容を元に、以下を実施したところ上手く動作しませんでした。

「実現した事」
・あるタグをクリックした時に、指定した<a>タグをクリックした事にする。
・指定した<a>タグでは画像を見るためにjqueryプラグインのcolorboxを利用するために、relによるグループ設定がされている。
・指定した<a>が擬似clickされると、それ以外のrelでグループ設定されている画像も閲覧したい。

「コード」
<script>
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".grp1").colorbox({rel:'grp1'});
});
$(function() {
$('p.c1').click ( function() {
location.href = $('a.c1').attr('href');
});
});
</script>

<p class="c1">ここをクリック</p>
<a href="1xxxx.jpg" class="c1" rel="grp1">グループ化された画像1</a>
<a href="2xxxx.jpg" rel="grp1">グループ化された画像2</a>
<a href="3xxxx.jpg" rel="grp1">グループ化された画像3</a>

「質問」
現状ですと、実行すると1xxxx.jpgの単独閲覧になってしまいます。
location.href = $('a.c1').attr('href')　以外の方法はありますでしょうか？
取り留めない内容ですが、ご教授をお願いします。

回答No.2

fujillin · ベストアンサー

No1です。

＞どの辺りが問題か具体的に教えて頂けますでしょうか
そのままのソースとコードで実験してみれば、動作しないのはわかるかと思います。
原因は、$(".grp1")が空のオブジェクトになるから。

それとも、質問文に記載のないどこかに用意されているのだろうか…

補足

見直してみました。
おっしゃる通りで、間違っていました。ご指摘ありがとう御座います。
次に、ご提示頂いたコードを試してみましたが、<p class="c1">をクリックしても、<a class="c1">が動作しませんでした。

回答No.1

fujillin

ご提示のままだとcolorboxも動作しないような気がしますが…

それはいいとして、とりあえずjQueryではなくて普通にクリックすればいいのでは？
（全角空白は半角に）

$(function(){
　$("a").colorbox({rel:'grp1'});
　$('p.c1').click(function(){$('a.c1').get(0).click();});
});

補足

説明不足なのかもしれませんが、あるリスト上に画像の枚数を示す表示があり、その数字をクリックすると、それに該当する画像をcolorboxで表示させたいのです。（各々の画像へのリンクはcssにて非表示にする予定です。）
質問したコードで、jquery動作可能の環境下で確認したところ、通常のcolorboxの動作は正常に動作しました。
>ご提示のままだとcolorboxも動作しないような気がしますが…
大変申し訳ありませんが、どの辺りが問題か具体的に教えて頂けますでしょうか？