javascript - 单击时在 JQuery colorbox 中打开 链接的 URL

Question

我需要有关我拥有的 JQuery 代码的帮助。当谈到 JQuery 时，我仍然是一个新手，但我这里有很多代码可以测试。你知道，以防万一你需要一个，所以这里是代码。

<script type="text/javascript">
//onload popup
$(function()
{
    $(window).bind('load', 
        function(e) 
        {
            $.colorbox({opacity:0.3, href:"ext/popup.php"}); 
        });
});

</script>

现在我不想加载页面然后让表单弹出..我不想点击链接之类的东西..有什么建议吗？

Answer 1

$(function()
{
    $('#linkid').click(function(e) 
        {
            e.preventDefault();
            $.colorbox({opacity:0.3, href: this.href}); 
        });
});

然后像这样创建一个链接

<a href="ext/popup.php" id="linkid">click me</a>

---

更新

如果你想将这个逻辑应用到多个链接，你应该使用一个类而不是一个 id

<a href="ext/popup.php" class="colorbox">click me</a>

并且对于 jquery 以它们为目标

$('.colorbox').click(...)

---

评论

对代码的通用注释，您不需要使用 $(function(){..}) 和 $(window).bind('load'.
第一部分在 DOM ready 上绑定(bind)一个事件。第二个是 DOM 加载。
由于 load 总是在 ready 事件后发生，您可以直接执行

$(window).load(function(){...});

但是只有当您需要在运行代码之前完全加载子元素(通常是图像)时才应使用加载。
阅读:http://api.jquery.com/load-event/