使用 <a> onclick 将 ajax 内容打开到花式框中答案

【问题标题】：Using an <a> onclick to open an ajax content into a fancybox使用 <a> onclick 将 ajax 内容打开到花式框中
【发布时间】：2012-08-02 03:17:00
【问题描述】：

我想做这样的事情：

<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 元素触发一个花式框。但是在这个 onclick 函数中，它必须有来自 fancybox 的“href”，正如我上面写的那样。但正如我所写，它不起作用。请帮忙:)

【问题讨论】：

【解决方案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 的更多信息

【讨论】：

【解决方案2】：

试试

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

它应该触发onclick 事件。

【讨论】：