I'm trying to get a jquery selector to work and give a response on console.log() on click however I cant seem to get it working.
Here is url
Code is:
$("div#tabs > div#problem-categories > div > div a").click(function() {
console.log('pass');
});
any help would be very much appreciated!
You need to prevent the link from beeing submitted, try this :
$("#problem-categories a").click(function(e) {
e.preventDefault();
console.log('pass');
});
This works good for me:
$("div#tabs > div#problem-categories > div > div a").on("click", function () {
console.log('pass');
})
Use this:
$("div#problem-categories div.scrollbox").find('a').click(function(ev) {
ev.preventDefault(); // <-----use this to prevent the jump
console.log('pass');
});
You have to traverse through this way. Get into problem-categories' scrollbox and find a in it and do the click.
find is faster in terms of performance i read somewhere.
.scrollbox a ? I doubt that.
.find() can be faster in some specific circumstances, but it certainly isn't in this case. jsperf.com/jquery-find-selector-test