Question

我有一个模态窗口（这是一个确认框），我有一个指向主页面的链接，它看起来像这样：

<div id="modal" href="#dialog">

<div id="boxes">
<div id="dialog" class="window">
Tu cuenta ha sido activada |
<a href="http://pasionesargentas.webatu.com" class="close"> Seguir</a>
</div>

<!-- Mask to cover the whole screen -->
<div id="mask"></div>
</div>

</div>

这是一个脚本：

<script>
$(document).ready(function() {
//select all the a tag with name equal to modal
$('div[id=modal]').click(function(e) {

    //Cancel the link behavior
    e.preventDefault();

    //Get the A tag
    var id = $(this).attr('href');

    //Get the screen height and width
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    //Set heigth and width to mask to fill up the whole screen
    $('#mask').css({'width':maskWidth,'height':maskHeight});

    //transition effect     
    $('#mask').fadeIn(1000);    
    $('#mask').fadeTo("slow",0.8);  
    //Get the window height and width
    var winH = $(window).height();
    var winW = $(window).width();

        //Set the popup window to center
    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

    //transition effect
    $(id).fadeIn(2000); 
});

//if close button is clicked
$('.window a.close').click(function (e) {
         //Cancel the link behavior
    //e.preventDefault();   });

$('div[id=modal]').trigger('click');

//if mask is clicked
$('#mask').click(function () {
//      $(this).hide();
//      $('.window').hide();
    });         
});
</script>
<!-- END of Dialog message | Pop up window -->

但是当我点击“关闭窗口然后回家”时，我实际上想要去提到的href。我虽然通过删除行 e.preventDefault（）; 它会去，但我错了。点击链接后为什么阻止我转到另一个页面？它不会尝试执行任何操作： - /但如果我右键单击它并在新窗口/选项卡上打开链接，它可以正常工作。任何sugestions？

Answer 1

因为preventDefault()就是这样，所以阻止你导航。如果您要执行的操作是离开，则只需删除对preventDefault()的调用。

Answer 2

尝试：

http://home.com

- 或 -
http://www.home.com

jQuery不允许点击链接

2 个答案: