使用<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'参数，就像我上面写的那样。但是，正如我所写的，它没有起作用。请帮忙解决 :)

- amravazzi

---

我不能使用这样的脚本……为什么？ - JFK

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函数以及更多关于观察者模式的内容

- Felipe Sabino

---

这是一个好主意，但它不起作用。Fancybox显示“无法加载内容”的错误。正如我上面所说，我必须将onclick事件嵌入到<a>元素或任何其他HTML元素中。但是根据我的经验，除了带有“href”的<a>元素外，fancybox不允许我触发它。还有其他建议吗？ - amravazzi

Answer 2

尝试

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

它应该触发 onclick 事件。

- Prasanth