javascript - 1ページのjavascriptに複数のfancybox ajaxコンテンツ

Question

ajax コンテンツを表示するために、1 つのページで複数のファンシーボックスを使用しました。

HTML コード:

<a href="test.txt" class="various fancybox.ajax" data-fancybox-type="ajax" >Test 1</a>
<a href="test.txt" class="various fancybox.ajax" data-fancybox-type="ajax" >Test 2</a>
<a href="test.txt" class="various fancybox.ajax" data-fancybox-type="ajax" >Test 3</a>

脚本：

<script type="text/javascript">
    $(document).ready(function() {
    $(".various").fancybox();

});

</script>

jquery バージョン 1.7.1 を使用しました。2 回クリックしても、fancybox が正しく開きません。これを修正する方法は？