jQuery on second click doesn't work - mobile

Question

Before you say that is duplicate from other topics, I've seen that topics, such as:

jQuery .on Click second time not working

Jquery Onclick not happening second time

one Jquery is not working on the second click

And none of that help me. My code is very simple:

index.php

/* in body tag */

<input type="button" id="page-add" value="Add" data-role="none"/>

/* after body tag */
$(function(){
    $("#page-add").click(function(e){
        window.location.href = 'add.php';   
    });
});

add.php

/* in body tag */
<div class="ui-btn-left"><a href="index.php"><img src="images/logo.png"/></a></div>

The button "page-add" onClick event works for the first time, when I click the <a href> and it backs to the index.php, if I click again on the same button it doesn't work no more. I've to refresh the page so it can work again.

I've tried to add before the window.location.href the code e.preventDefault() but didn't work either. I don't receive any errors on console.

What am I doing wrong?

Edit: Solved.

$(document).on('pagebeforeshow', '#main', function(){     
    $('#page-add').bind('click',function(){
        $.mobile.changePage('add.php');
    });
});

I would like to..but it's possible to make fiddle with two separated pages? — user3065191, Dec 26 '13 at 11:39
How can you "click again on the same button" if you just went to another page? Your question needs more detailed explanations. — Fabrício Matté, Dec 26 '13 at 11:39
Yes, I just went to another page. But when I click the `` of the other page (add.php), I go back to the original one index.php. — user3065191, Dec 26 '13 at 11:41
have you tried to wrap your js in `$(document).ready(function() { });` ? — Markus Kottländer, Dec 26 '13 at 11:42
@MarkusKottländer yes, I receive no error, but doesn't work either. — user3065191, Dec 26 '13 at 11:49
onclick or jQuery on function ? It should be like $( "#dataTable tbody" ).on( "click", "tr", function() { alert( $( this ).text() ); }); — Tony Jose, Dec 26 '13 at 12:02
@user3065191 you should have told us it was a mobile issue and you should post your resolution as an answer and accept that as the correct one. — falsarella, Dec 26 '13 at 12:12

score 2 · Answer 1 · answered Dec 26 '13 at 12:04

2

Try jQuery on function for the same,

$( "element" ).on( "click", function() {
alert("clicked");
});

answered Dec 26 '13 at 12:04

Tony Jose

1,654
1
13
25

score 0 · Answer 2 · edited Dec 26 '13 at 11:45

0

Call Function using Onclick event for Button Try Something like

index.php

/* in body tag */

<input type="button" id="page-add" onclick='addFunction();' value="Add" data-role="none"/>

/* after body tag */
function addFunction() {
        window.location.href = 'add.php';   
}

add.php

/* in body tag */
<div class="ui-btn-left"><a href="index.php"><img src="images/logo.png"/></a></div>

edited Dec 26 '13 at 11:45

falsarella

12,217
9
69
115

answered Dec 26 '13 at 11:41

Gopal Joshi

2,350
22
49

1

You mean `function addfunction (){window.location.href = 'add.php';}`. Right? – undone Dec 26 '13 at 11:41
With your code, when I click for the second time I receive: `Uncaught ReferenceError: addFunction is not defined` – user3065191 Dec 26 '13 at 11:48

jQuery on second click doesn't work - mobile

2 Answers2

Linked