ページアクセス時のjquery実行について

質問

http://www.no-margin-for-errors.com/projects/prettypopin/

↑このページの

Regular content (defined width, fixed)

↑この部分をクリックしたときの状態を、クリックではなくホームページアクセス時に実行するように
したいのですが、javascriptはまったくわからず困っています。

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPopin']:eq(0)").prettyPopin({width: 550,followScroll:false});
$("a[rel^='prettyPopin']:eq(1)").prettyPopin({width:300});
$("a[rel^='prettyPopin']:eq(2)").prettyPopin({
callback : function(){
alert('This popin has a callback');
}
});
});
</script>

↑この部分を変えれば出来ると思って色々やりましたが、ダメでした。
どなたか教えてください。

よろしくお願いいたします。

回答No.1

tracer · ベストアンサー

クリックさせたいボタンをHTML内で探して、idをつけてください。
その上で、下記のように追記すれば動くと思います。
ここでは、id名をhogeとします。

$(document).ready(function(){
$("a[rel^='prettyPopin']:eq(0)").prettyPopin({width: 550,followScroll:false});
$("a[rel^='prettyPopin']:eq(1)").prettyPopin({width:300});
$("a[rel^='prettyPopin']:eq(2)").prettyPopin({
callback : function(){
alert('This popin has a callback');
}
});
//追記箇所
$("#hoge").trigger("click");
});

お礼

有難うございました！！
できました。

感謝です。