Problems with jQuery in a PhoneGap app

Question

Can't seem to get it included. I was using this:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

and then had this:

<script type="text/javascript">

function initialize(){

 $(document).ready(function() {
   $("a").click(function() {
     alert("Hello world!");
   });
 });

}

</script>

....

<body onload="initialize()">
<a href="">Link</a>
</body>

But when I click the link, nothing happens. I have no way of knowing whether jQuery is even including properly. I'm completely new to jQuery, so for all I know I'm making an obvious error here, but it's straight from the jQuery beginner guide, so I'd think it was close at least. Anyone?

Derek 朕會功夫 · Accepted Answer · 2012-04-29 04:23:55Z

2

You can just remove that function. It is useless.

$(function(){
    $("a").click(function(){
        alert("Hello world!");
    });
});

PS: Your code in work: http://jsfiddle.net/DerekL/h4dmF/

edited Apr 29, 2012 at 4:23

answered Apr 29, 2012 at 4:02

Derek 朕會功夫

94.8k45 gold badges199 silver badges255 bronze badges

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

11 Comments

temporary_user_name Over a year ago

Okay, you are at least semi-correct. It worked when I put the jQuery in a separate script (initialize had been doing other things as well, non-jQuery related; they were irrelevant so I do not show them here, but that's why I have it). But now I'd like to understand why this made a difference. Initialize is called onload. So shouldn't that event trigger be set up correctly at onload to wait for a click?

Derek 朕會功夫 Over a year ago

@Aerovistae - Actually, you should not even have this onload="initialize()", and initialize() should be placed inside $(document).

temporary_user_name Over a year ago

How do I set it up to happen onload if I can't use onload?

Derek 朕會功夫 Over a year ago

When you use $(document).ready (shorthand form: $()), it will automatically run when DOM is loaded. And look closely, there is a () after the initialize function. ((function initialize(){blah})()) and actually, if it is not being called again, you can remove initialize and left with (function(){})().

temporary_user_name Over a year ago

Exactly. Thanks very much for the extended help.

|

Collectives™ on Stack Overflow

Problems with jQuery in a PhoneGap app

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related