jquery彈出窗口自動彈出

我已經得到了一段jQuery代碼，它可以讓用戶點擊一個鏈接，將打開一個彈出信息。但我不知道如何修改它，以便在用戶加載頁面時自動打開彈出窗口。jquery彈出窗口自動彈出

的Jquery：

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
jQuery(document).ready(function ($) { 

    $('[data-popup-target]').click(function() { 
     $('html').addClass('overlay'); 
     var activePopup = $(this).attr('data-popup-target'); 
     $(activePopup).addClass('visible'); 

    }); 

    $(document).keyup(function (e) { 
     if (e.keyCode == 27 && $('html').hasClass('overlay')) { 
      clearPopup(); 
     } 
    }); 

    $('.popup-exit').click(function() { 
     clearPopup(); 

    }); 

    $('.popup-overlay').click(function() { 
     clearPopup(); 
    }); 

    function clearPopup() { 
     $('.popup.visible').addClass('transitioning').removeClass('visible'); 
     $('html').removeClass('overlay'); 

     setTimeout(function() { 
      $('.popup').removeClass('transitioning'); 
     }, 200); 
    } 

}); 
});//]]> 

</script>

鏈接激活代碼：彈出窗口的

<a href="#example-popup" data-popup-target="#example-popup">Link</a>

內容：

<div id="example-popup" class="popup"> 
    <div class="popup-body"> <span class="popup-exit"></span> 

     <div class="popup-content"> 
       <h2 class="popup-title">Terms and Conditions</h2> 
       <p> 
       <h5><font color="grey">Please take time to read the following...</font></h5> 


     </div> 
    </div> 
</div> 
<div class="popup-overlay"></div>

我試圖修改它MySQL，但是它沒」 t鍛鍊。因爲我不是Jquery的專家。我知道這是一個很大的問題，但代碼在這裏。我知道一些極客可以很容易地找到我需要的東西:)

真的很快。而不是讓用戶點擊鏈接打開彈出窗口。我希望彈出窗口能夠自動打開

來源

2014-07-20 user3813511

合理簡單，當您在註冊點擊處理程序後觸發您想要的元素的點擊。

/* your original code stays mostly the same except for chaining methods after it*/ 
$('[data-popup-target]').click(function() { 
    $('html').addClass('overlay'); 
    var activePopup = $(this).attr('data-popup-target'); 
    $(activePopup).addClass('visible'); 
/* now click the first one */ 
}).first().click();

ID必須是在一個頁面獨一無二的，所以你應該改變彈出鏈接，彈出容器上的重複，如果它們是相同的，如圖

來源

2014-07-20 18:51:51 charlietfl

jquery彈出窗口自動彈出

回答

相關問題