colorboxの直接呼び出し方法について

質問

通常、このような感じでjqueryのcolorboxを使ってますが、
（問題なく動きます。）

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.colorbox.js'></script>
<script>
　$(document).ready(function(){
　　$('.colorbox').colorbox({iframe:true, innerWidth:700, innerHeight:430});
　});
</script>

<li><a href='test2.html' class='colorbox'>test2</a></li>

質問ですが、ipadである場所をクリックしたときに、動作する部分に、動くスクリプト内でカラーボックスを使って表示するところの書き方がわかりません。

<script>
　document.addEventListener('touchstart',catchTouch, false);
　function catchTouch(event) {
　　cX =event.touches[0].clientX;
　　cY =event.touches[0].clientY;
　if(10 <= cX && cX <= 170 && 10 <= cY && cY <= 40){pageScroll('fragment-1');}
　else if (10 <= cX && cX <= 170 && 650 <= cY && cY <= 680){window.open('order4.html','colorbox');}
　else if (10 <= cX && cX <= 170 && 690 <= cY && cY <= 720){location.href='call.html';}
　else if (10 <= cX && cX <= 170 && 690 <= cY && cY <= 720){？？？？？？？？;}
　}
</script>

？？？？？？？？のところに何かを記述して、
<li><a href='test2.html' class='colorbox'>test2</a></li>
これの動作と同じ事を実現するにはどのようにしたらよいのでしょうか？

回答No.2

神崎 渉瑠（@taloo）

その質問文のコードは誰が作られたんですか？

それを作った人にお願いするか、
http://www.tohoho-web.com/js/index.htm
この内容を全部覚えたら（英単語を覚えるような感じでいいと思いますが）、何か書けるようになるんじゃないでしょうか。

足し算もわからずにかけ算をしようとしても、無理だと思います。

回答No.1

fujillin

ipadはわかりませんが…

jQueryを使っているのなら、同様にcolorboxの設定をしておいて
　$(対象element).click();
では、だめでしょうか？

はずしていましたら、失礼。