JQuery "trigger" won't work. What am I doing wrong?

[instaunt]

Thank you everyone for your help with my jquery problem. I now have two working pieces of code:

<div id="myselector"><a href="/joke.php"><img src="/images/joke.gif" border="0" /></a></div>
<script>
$(document).ready(function() {
$("#myselector").mouseover(function() {window.location.href = $(this).find('a').attr('href');});
});
</script>

and:

<div id="myselector"><a href="/joke.php"><img src="/images/joke.gif" border="0" /></a></div>
<script>
$( document ).ready(function() {
$("#myselector").mouseover(function( event ) { 
 $(this).find('a')[0].click(); 
});
});
</script>

Which fires the /joke.php link when the image is hovered over. But this is going to be a sitewide code for various old elements. Some, are called by javascript. And this:

<div id="myselector"><script type="text/javascript" src="/archive/humour.js"></script></div>
<script>
$( document ).ready(function() {
$("#myselector").mouseover(function( event ) { 
 $(this).find('a')[0].click(); 
});
});
</script>

does not work. The humour.js file returns a random jpg/gif that has an <a href> link. How do I get the href link in the javascript file to fire on hover?

Thanks again

[instaunt]

I should probably add:

This is my first jquery attempt! PHP and moderate Javascript are all I generally do.

[devnull69]

Some comments

1 - why do you expect that anything happens on hover? You did not specify any mouseover/mouseout or mouseenter/mouseleave handlers ...
2 - The script part that uses the selector '#myselector' is placed before the element with id="myselector". At that point jQuery cannot find the element because it is literally not there yet. So either move the script after the element or use $(document).ready(function() { // your code here });

[instaunt]

Am I getting any closer???

<script src="/js/jquery-1.9.1.min.js"></script>
<div id="myselector"><a href="/joke.php"><img src="/images/joke.gif" border="0" /></a></div>
<script>
$( document ).ready(function() {
$(#myselector).mouseenter(function() { $(this).click() });
});
</script>

[DanInMa]

you could maybe try $(this).find('a').click()

[instaunt]

Originally Posted by DanInMa

you could maybe try $(this).find('a').click()

Thank you, but no that didn't work. I assume you mean this:

<div id="myselector"><a href="/joke.php"><img src="/images/joke.gif" border="0" /></a></div>
<script>
$( document ).ready(function() {
$(myselector).mouseover(function() { $(this).find('a').click() });
});
</script>

[DanInMa]

<div id="myselector"><a href="/joke.php"><img src="/images/joke.gif" border="0" /></a></div>
<script>
$(document).ready(function() {
$("#myselector").mouseover(function() {window.location.href = $(this).find('a').attr('href');});
});
</script>

I suppose you could do it like this.

[DanInMa]

http://unitstep.net/blog/2010/04/12/...-using-jquery/
this still applies apparently. I use jQuery for all kinds of things, never realized something so simple wouldn't work the way you think it would.