DOM Ready?

DOM javascript baseline interactions

by kpowz

HTML

<a id='lala' href="#">lala dom ready</a>

<a id='lala-anytime' href="#">lala anytime</a>

<a id='lala-anytime-func' href="#">lala anytime func</a>

JavaScript

//in dom ready
$(document).ready(function () {
    
    $("#lala").on('click', function(){ collapseLookupDropDown()});


});


function collapseLookupDropDown() {
    console.log('made it');
    alert("lala func");
};


//anytime/ natural order
$('#lala-anytime').on('click', function(event) {

event.preventDefault();

    alert('lala click');
console.log('item anchor clicked');

});


//anytime/ natural order with func
$('#lala-anytime-func').on('click', function(){ collapseLookupDropDown2()});

var collapseLookupDropDown2 = function() {
    console.log('made it 2');
    alert("lala anytime func 2");
};