使用<a> onclick to open an ajax content into a fancybox</a>

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事件。