javascript - 使用 <a> onclick 将 ajax 内容打开到 fancybox

我想做这样的事情:

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

最佳答案

文档准备好后，绑定(bind)按钮的点击事件。

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

关于javascript - 使用 <a> onclick 将 ajax 内容打开到 fancybox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11806473/