colorbox和防止默认无法一起工作?

时间:2011-09-28 01:32:22

标签: jquery html colorbox

我正在使用jquery调用colorbox并尝试阻止地址更改,但它似乎每次都会触发地址更改。这是我目前的代码:

<div style='display:none'>
    <div id='send_alert_div' class="wysiwyg_container">
        <h2>Contact Us</h2>
        ....
    </div>
</div>

<a class="contact" href="#" >Contact</a>

我的javascript代码,用于处理联系人的点击事件

$(".contact").click(function(e){
    e.preventDefault();
    $(".contact").colorbox({width:"600px", height: "420px", inline:true, href:"#send_alert_div"});
});  

有谁知道为什么这不起作用?它会在每次单击时触发地址更改。

1 个答案:

答案 0 :(得分:1)

我不知道你在谈论地址变化。这必须由您未包含的某些脚本控制。此外,colorbox已经应用了e.preventDefault();因此,您可以将上述代码简化为:

$(".contact").colorbox({width:"600px", height: "420px", inline:true, href:"#send_alert_div"});

您的其他问题听起来无关紧要。在没有看到导致“地址更改”的代码的情况下指导您做什么将很困难,但如果它是一个简单的事件绑定,您可以通过用以下代码替换上面的代码来阻止它: / p>

$(".contact").unbind('click').colorbox({width:"600px", height: "420px", inline:true, href:"#send_alert_div"});