fancybox不能打開，不知道爲什麼

Question

我想打開一個fancybox 2.3.4，fancybox的最新版本，下面的代碼似乎並沒有工作，也沒有拋出一個錯誤。

我只是困惑，爲什麼它是不開放的頁：

$(".openmails1").click(function() { 
      var sender = $(this).attr('data-id'); 
      var subject = $(this).attr('title'); 
      var mailid = $(this).attr('rel'); 
      $.fancybox.open({ 
      href: '/account/compose.cfm?sender='+sender+'&subject='+subject+'&mailid='+mailid, 
      maxWidth : 600, 
      maxHeight : 900, 
      fitToView : true, 
      width  : '70%', 
      height  : '80%', 
      autoSize : true, 
      closeClick : false, 
      openEffect : 'none', 
      closeEffect : 'none', 
      scrolling : 'no' 
     }); 
    }); 

這裏是我怎麼叫它

<a data-fancybox-type="iframe" title="This is a Welcome Email" data-id="24" rel="myemail@domain.com" href="javascript:void(0);" class="openmails1">Inia Ornit</a> 

更新＃1

這是怎麼回事被稱爲：

<a data-fancybox-type="iframe" title="This is a Welcome Email" data-id="24" rel="myemail@mtdomian.com~24" class="openmails1">Inia Ornit</a> 

有四種記錄有不同的細節，但所用的類是相同的：

這裏我使用它像這樣

$(".openmails1").fancybox({ 
     href: '/account/compose.cfm?sender='+$(".openmails1").attr('data-id')+'&subject='+$(".openmails1").attr('title')+'&mailid='+$(".openmails1").attr('rel')+'&frmaccount=1', 
     maxWidth : 600, 
     maxHeight : 900, 
     fitToView : true, 
     width  : '70%', 
     height  : '80%', 
     autoSize : true, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     scrolling : 'no' 
    }); 

它總是打開第一位的，不管我開連最後一條記錄，總是作爲第一條記錄，不知道爲什麼會發生這種情況

Answer 1

看到這個link與工作示例。

$.fancybox.open([ 
{ 
     href : 'http://fancyapps.com/fancybox/demo/1_b.jpg', 
     maxWidth : 600, 
     maxHeight : 900, 
     fitToView : true, 
     width  : '70%', 
     height  : '80%', 
     autoSize : true, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none',    
     scrolling : 'no' 
} 
], { 
     padding : 0 
}); 

希望這會有所幫助。

更新＃1

根據您的更新代碼，我認爲你必須改變

$(".openmails1").click(function(e) { 
    e.preventDefault(); 

    $(".openmails1").fancybox({ 
     href: '/account/compose.cfm?sender='+$(this).attr('data-id')+'&   subject='+$(this).attr('title')+'&mailid='+$(this).attr('rel')+'&frmaccount=1', 
     maxWidth : 600, 
     maxHeight : 900, 
     fitToView : true, 
     width  : '70%', 
     height  : '80%', 
     autoSize : true, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     scrolling : 'no' 
    }); 
}); 

你必須創建看中框每超鏈接點擊。運行示例請參見jsFiddle。

希望這是你想要的。