Javascript/Jquery code skips whole function in debugger

Question

function bet() {
    $('table img').css('cursor', 'pointer');
    $('table img').click(function () {
        yourBetNumber = $(this).slice(0, -1);       
        $('#item' + yourBetNumber).clone().appendTo('#yourbet');
        $('table').hide();
        $('table img').css('cursor', 'pointer');
    });
}

I have a table of items displayed, each item is a different image and has a unique ID in the html. What I'm trying to do is enable the user to click on the item they want to bet on and that should be registered as their bet number. I'm not sure the slice part is correct yet, but that's not the point - the function isn't executed at all even though I call it in the code. The debugger also just skips over it entirely when I try to step into the next line (tried with breakpoints etc).

Any idea why this happens and how it could be fixed please?

The code above within the bet function will attach a click event to the item when clicked - that function still needs to be executed - but something needs to call bet() to attach the function to the click event on your table image. — James Culshaw
– James Culshaw, Commented Feb 5, 2013 at 10:37
You probably need to wire up the click event in the ready() function. — Mr. Mr.
– Mr. Mr., Commented Feb 5, 2013 at 10:38
Actually I'm quite sure that you misused slice() - this is a single DOM element, and you seem to expect yourBetNumber to be a string? — Bergi
– Bergi, Commented Feb 5, 2013 at 10:39

nrsharma · Accepted Answer · 2013-02-05 10:56:11Z

1

You need to call bet() within the document.ready Try this

$('document').ready(function () {
    bet();
});

edited Feb 5, 2013 at 10:56

answered Feb 5, 2013 at 10:41

nrsharma

2,5724 gold badges21 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

John Doe Over a year ago

this is a strange notation you are using! that code won't work the way it is written now!

b4rbika Over a year ago

Yeah the brackets are wrong... still, it doesn't work even with correct notation because the whole thing is inside a game() function which is called when you click a Play button... yourBetNumber, a variable inside bet() is defined as a "blank" variable inside game() so calling bet() outside game() when the document is ready doesn't do anything.

nrsharma Over a year ago

Try to assign some id to the image you are using and assign that id to yourBetNumber instead of using slice. Hope this helps

alexP · Accepted Answer · 2013-02-05 10:48:12Z

0

function bet(el) {
    var yourBetNumber = $(el).slice(0, -1);
    $('#item' + yourBetNumber).clone().appendTo('#yourbet');
    $('table img').hide();
}

//Setting the CSS
$(document).ready(function () {
    $('table img').css('cursor', 'pointer');
});

//AddEventHandler
$('table img').click(function () {
    bet($(this)); //Call Function "bet" with the jQuery-Object
});

answered Feb 5, 2013 at 10:48

alexP

3,7657 gold badges29 silver badges37 bronze badges

4 Comments

b4rbika Over a year ago

Thank you, I tried this but the click event is still not working. There is a function called right after the click event /choosing item/ is supposed to happen, could it be that I need some kind of code to "hold" that next function from being called until an item is clicked?

alexP Over a year ago

Do you have an URL for us?

b4rbika Over a year ago

Huh, the whole code is a lot... I copied it all here jsfiddle.net/yPt5U/2 , relevant function is at line 129, but the images aren't showing up obviously, if you think you need those to debug please let me know and I'll upload them somewhere (but you might just see the error with the code without them). This is the whole code btw, the bulk of it won't be relevant after the betting function. And jsfiddle messed up the formatting, but never mind. Thanks for taking a look if you do!

alexP Over a year ago

Try this: jsfiddle.net/Pisi2012/yPt5U/3 There were some issues with your selectors. I've put the edited part of the script in the top.

Collectives™ on Stack Overflow

Javascript/Jquery code skips whole function in debugger

2 Answers 2

3 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related