Question

Hi i am making a Game Using mobilejquery in which i am calling a function using a link like this :

$(document).bind('pageinit',function(){
    var params = {
            honeyComb       : $('#honeyComb'),
            honeyCell       : $('#honeyComb span.box'),
            timeCountClock  : $('#honeyComb h2'),
            totalSeconds    : Number(10),
            popUp           : $('#how2Play'),
            popTrigger      : $('div.navi-right a.hp'),
            backScreen      : $('#backScreen')
        }


    $('a.play').click( function(){ honeyCellClicks(params);}) // starting from home page
    $('.playAgain').click(function(){ $("#how2Play,#backScreen").fadeOut(), alert("call from in")}) // restarting the game;

    alert('CALL from out')

});

while page loads, i am getting alert “call from out”, and when i am going to next page using(a.play) click i am getting “call from out”, later i am click on the “playAgain” it alerts 2 times(‘call from in’)… what is the issue?

what i need is, while i click on the ‘playAgain’ it should call one time only.. how can i make like this or i made any mistrake?

Answer 1

$('#YourPageID').live('pagecreate',function(event){
var params = {
            honeyComb       : $('#honeyComb'),
            honeyCell       : $('#honeyComb span.box'),
            timeCountClock  : $('#honeyComb h2'),
            totalSeconds    : Number(10),
            popUp           : $('#how2Play'),
            popTrigger      : $('div.navi-right a.hp'),
            backScreen      : $('#backScreen')
        }


    $('a.play').click( function(){ honeyCellClicks(params);}) // starting from home page
    $('.playAgain').click(function(){ $("#how2Play,#backScreen").fadeOut(), alert("call from in")}) // restarting the game;

    alert('CALL from out')
});

Try this and see.