使用一個<a>的onclick打開一個Ajax內容成的fancybox

Question

我想要做這樣的事情：

<a href="javascript:void(0);" id="myLink" onclick="$(this).fancybox({href : 'myPage.php'});">Open ajax content</a> 

請注意，我不能用這樣的腳本：

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     $("#myLink").fancybox({href : 'myPage.php'}); 
    }); 
</script> 

我想從一個<a> onclick元素觸發fancybox。但是，在這個onclick函數中，它必須有fancybox中的'href'，就像我上面寫的那樣。但是，正如我寫的，它不起作用。請幫忙:)

Answer 1

文件準備就緒後，綁定按鈕點擊事件。

jQuery(document).ready(function(){ 

     $("#myLink").click(function() { 
      $(this).fancybox({href : 'myPage.php'}); 
     }); 

}); 

然後在你的元素中沒有必要使用javascript代碼。

<a href="#" id="myLink">Open ajax content</a> 

檢查此鏈接爲jQuery click function和更多observer pattern

Answer 2

嘗試

$("#myLink").click(); 

它應該觸發onclick事件。