Javascript 单击JQuery colorbox时打开链接的URL

我需要这个JQuery代码的帮助。。说到JQuery，我还是个新手，但我这里有很多代码要测试。。你知道的，以防万一你需要一个，这是密码

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

</script>

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

$('a#yourLinkId').click(function(e){
  // prevents default behaviour
  e.preventDefault();

  // your stuff
  $.colorbox({opacity:0.3, href:"ext/popup.php"}); 

});

然后创建一个这样的链接

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

评论

作为对代码的一般注释，不需要使用$function{..}和$window.bind'load。 第一部分绑定DOM上的事件ready。第二个是DOM加载。 由于加载总是在就绪事件之后进行，因此您可以直接执行

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

但是，只有当您需要在运行代码之前完全加载子元素时，才应该使用加载。 阅读：

然后创建一个这样的链接

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

评论

作为对代码的一般注释，不需要使用$function{..}和$window.bind'load。 第一部分绑定DOM上的事件ready。第二个是DOM加载。 由于加载总是在就绪事件之后进行，因此您可以直接执行

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

但是，只有当您需要在运行代码之前完全加载子元素时，才应该使用加载。

---

阅读：

没问题。您可以在Stackoverflow中询问关于JQuery的任何问题，我们会尽力提供帮助

关于你的问题。我认为您希望使用JQuery在中加载页面，而不是在主窗口中加载URL的默认操作

你需要做两件事：

将事件处理程序绑定到所有锚定标记方法：

话虽如此，您的代码将如下所示：

//for all links that exist on this page up to when this line is executed
$("a").click(function(){...});

<script type="text/javascript">
//this will run when the current document is loaded
$(document).ready(function(){
    $("a").on("click",function(e){
        e.preventDefault();
        //$(this).attr("href") contains the href attribute of the <a> tag
        $.colorbox({opacity:0.3, href:$(this).attr("href")});
    });
});
</script>

---

没问题。您可以在Stackoverflow中询问关于JQuery的任何问题，我们会尽力提供帮助

关于你的问题。我认为您希望使用JQuery在中加载页面，而不是在主窗口中加载URL的默认操作

你需要做两件事：

将事件处理程序绑定到所有锚定标记方法：

话虽如此，您的代码将如下所示：

//for all links that exist on this page up to when this line is executed
$("a").click(function(){...});

<script type="text/javascript">
//this will run when the current document is loaded
$(document).ready(function(){
    $("a").on("click",function(e){
        e.preventDefault();
        //$(this).attr("href") contains the href attribute of the <a> tag
        $.colorbox({opacity:0.3, href:$(this).attr("href")});
    });
});
</script>

---

创建链接，然后绑定到该元素而不是窗口。绑定到click事件，而不是load事件。请将您的问题弄清楚它的不明确性。我想得到的是，当加载特定页面时，会触发上面的代码。。现在我不想点击一些东西来触发函数。。。对不起，我在JQuery中真的是个新手..：创建链接，然后绑定到该元素而不是窗口。绑定到click事件，而不是load事件。请将您的问题弄清楚它的不明确性。我想得到的是，当加载特定页面时，会触发上面的代码。。现在我不想点击一些东西来触发函数。。。对不起，我在JQuery中真的是个新手..：加比：嗯，你的答案很好。。但是如果我有很多链接，不仅仅是一个，而是三个呢？我试过了，但只有一个有效。。其余的没有那么你应该使用类而不是id。。在答案中间添加了更新..哦，老兄，你真是个天才。。。这很好，哈哈，我现在真的应该学习JQuery了，我对它有点感兴趣：再次感谢Gaby@LouieJayJayme，很乐意帮忙：加比，嗯，你的答案很好。。但是如果我有很多链接，不仅仅是一个，而是三个呢？我试过了，但只有一个有效。。其余的没有那么你应该使用类而不是id。。在答案中间添加了更新..哦，老兄，你真是个天才。。。这很好，哈哈，我现在真的应该学习JQuery了，我对它有点感兴趣：再次感谢Gaby@LouieJayJayme，很高兴提供帮助：您提供的语法与相同。单击，元素必须存在。要使其作为活动/委托工作，您需要绑定到元素的容器。。要模拟live directlye，您需要执行$document；您提供的语法与相同。单击，元素必须存在。要使其作为活动/委托工作，您需要绑定到元素的容器。。要模拟live directlye，您需要执行$document；

<script type="text/javascript">
//this will run when the current document is loaded
$(document).ready(function(){
    $("a").on("click",function(e){
        e.preventDefault();
        //$(this).attr("href") contains the href attribute of the <a> tag
        $.colorbox({opacity:0.3, href:$(this).attr("href")});
    });
});
</script>