Isaac Joseph Horton Isaac Joseph Horton - 5 months ago 29
jQuery Question

trigger UIkit notify component on page load instead of with button click - Drupal 7

Im looking to turn this function copied from the example page at getuikit.com from an event triggered by a button click to simply fire on page load. Im using drupal 7. The code below works if I load the data into a button and then click it, the notify component loads as intended. I would like to be able to load the notification as soon as the page loads.

$(function(){
$("body").on("click", ".tralerts[data-message]", function(){
$.UIkit.notify($(this).data());
});
})

Answer

In the page ready you may always do:

    $(function () {
        $(".tralerts[data-message]").trigger( "click" );
    });

But, I assume your UIkit component is loaded after the page ready (i.e.: at window load). In this case you may use:

    $(window).on('load', function(e) {
       $(".tralerts[data-message]").trigger( "click" );
    })
Comments