onload函數如何觸發一個彈出窗口？

我想在我的網站中設置一個彈出窗口，我有一個例子。通過點擊功能彈出文件，但我想在頁面加載時觸發該彈出窗口。這裏是彈出功能onload函數如何觸發一個彈出窗口？

HTML：

<a class="btn" data-popup-open="popup-1" href="#">Popup </a> 

<div class="popup" data-popup="popup-1"> 
<div class="popup-inner"> 
    <h2>Wow! This is Awesome! (Popup #1)</h2> 
    <p>Popup text </p> 
    <p><a data-popup-close="popup-1" href="#">Close</a></p> 
    <a class="popup-close" data-popup-close="popup-1" href="#">x</a> 
</div>

的jQuery：

$('[data-popup-open]').on('click', function(e) { 
    var targeted_popup_class = jQuery(this).attr('data-popup-open'); 
    $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350); 

    e.preventDefault(); 
});

任何一個可以幫我請.....

來源

2016-10-21 Drop Shadow

目前你通過點擊某個東西來觸發它。如果將代碼移到點擊處理程序的外部，您會怎麼看？ –

我想在頁面加載時觸發彈出窗口 –

您甚至沒有解決我所說的問題。 –

https://api.jquery.com/ready/

$(document).ready(function(e) { 
    var targeted_popup_class = jQuery(this).attr('data-popup-open'); 
    $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350); 
});

編輯：去除e.preventDefault();

編輯：固定忽視，導致上面的代碼無法正常工作的問題。

你可以簡單地給你的div一個popup-1的ID並直接訪問它。

$(document).ready(function() { 
    $('#popup-1').fadeIn(350); 
});

來源

2016-10-21 14:38:14 user1289451

我試過這個但不工作 –

定義不工作。彈出不出來？你得到一個錯誤？ – user1289451

您必須添加jQuery –

-1

您可以創建模式&在文件準備就緒，你可以打開它

<div class="modal fade in" id="mydiv" tabindex="-1" role="dialog" style="display: block; aria-hidden="false"> 
      <div class="modal-dialog">    
       <div class="modal-content"> 
        <div class="modal-header"> 
         <div class="popup" data-popup="popup-1"> 
          <div class="popup-inner"> 
          <h2>Wow! This is Awesome! (Popup #1)</h2> 
          <p>Popup text </p> 
          <p><a data-popup-close="popup-1" href="#">Close</a></p> 
          <a class="popup-close" data-popup-close="popup-1" href="#">x</a> 
         </div> 
        </div> 
      </div> 
    </div> 

    $(document).ready(function(e) { 
     $("#mydiv").modal('show'); 
    });

以及按鈕單擊

<a class="btn" data-popup-open="popup-1" href="#" data-toggle="modal" data-target="#mydiv">Popup </a>

我在這裏沒有看到任何錯誤的代碼，但爲什麼點擊沒用。

來源

2016-10-21 14:51:53 deadpool

onload函數如何觸發一個彈出窗口？

回答

相關問題