如何打開爲onload代替的onclick

-2

我想創造出目前我有上單擊工作的代碼在頁面的onload，而不是點擊如何打開爲onload代替的onclick

打開一個jQuery彈出一個jQuery彈出..

javascript.js

$(function() { 
    //----- OPEN 

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

     e.preventDefault(); 
    }); 
});

HTML

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

<div class="popup" data-popup="popup-1"> 
    <div class="popup-inner"> 
     <h3>hello</h3> 
    </div> 
</div>

在這裏你可以看到彈出打開點擊，但我想打開它的負載，所以我怎麼去呢？

很抱歉，但我找到了答案......

EDITED javascript.js

$(document).ready(function() { 
     $('[data-popup="popup-1"]').fadeIn(350); 
});

來源

2016-04-27 Susan Williams

請要麼回答自己的問題，或者刪除了這個問題。謝謝！ –

不要在題目中解決問題，也不要在問題中提出答案。發佈答案並接受它。 – csmckelvey

所以，我不知道你有沒有在你的網頁多個彈出窗口，但我建立了一個解決方案認爲，在許多。（容易移植到一個）

$(function() { 
     var popupTriggers = $('[data-popup-open]'); 

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

     e.preventDefault(); 
    }); 

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

JSFiddle

來源

2016-04-27 17:31:26

如何打開爲onload代替的onclick

回答

相關問題