ansaurus

Question

jQuery onclick if then conditional window.location.href problem

Answer 1

+2 A:

This code:

$('#thumb1').click(function()
{
    if($('#largephoto').click())
    {
        window.location.href = 'http://www.marioplanet.com/product.asp?IDnum=1';
    }
});

...isn't being used as jQuery intended. Right now, this says: "When I click on 'thumb1', check if something non-null is being returned by calling click() on '#largephoto'. That if-statement will always be non-null (thus it is true), so that's why you're being taken directly to your link. You're actually programmatically clicking on your largephoto link, not waiting for it to be clicked on.

It sounds like you're trying to capture a series of click events. You might have to do something like set a variable in your thumb1 click event, and then check it on the largephoto click event. Something like:

var thumbClicked = false;

$('#thumb1').click(function()
{
    thumbClicked = true;
});

$('#largephoto').click(function()
{
    if (thumbClicked)
    {
        window.location.href = 'http://www.marioplanet.com/product.asp?IDnum=1';
    }
});

Cory Larson 2010-10-17 20:11:29

Thanks for that!

BOSS 2010-10-17 21:34:37

Since I'm going to be doing this code for all 15 thumbs, should set every other variable to false within the #thumb`nth` click function?

BOSS 2010-10-17 21:37:16

In that case, you might want to set up a way for your thumbs to be a bit more dynamic. Are you generating the thumbnail code server-side or are you doing it manually client-side?

Cory Larson 2010-10-17 23:55:33

ansaurus

tags:

views:

answers:

jQuery onclick if then conditional window.location.href problem

related questions