Not sure if this might be related to your problem:
http://groups.google.com/group/jquery-dev/browse_thread/thread/6d3de70e6f2c6ebe/908edb7729c03a3c?lnk=raot

I'd suggest trying to add a LI to the UL using standard DOM methods:
var li = document.createElement('li');
li.appendChild(document.createTextNode('hope this works'));
document.getElementById('home').appendChild(li);

If that works, then it would seem there's a jQuery issue with the DOM
on iPhone.

On Mar 11, 1:27 am, Elmar <elsch...@googlemail.com> wrote:
> Sure. There is a small difficulty in that this code is supposed to run
> an iPhone/Webkit and some API´s don´t make sense in a standard web
> enviroment. But basically you can just strip all that exra bits and
> pieces and just run it in a browser. I should actually do this myself
> and see if it is an issue with Webkit or a conflict with some other
> library... hm... I´ll post it anyway.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
>          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
>
>     <title>test</title>
>
>     <meta name="viewport" content="width=320; initial-scale=1.0;
> maximum-scale=1.0; user-scalable=0;"/>
>     <meta name="apple-touch-fullscreen" content="yes" />
>     <meta name="apple-mobile-web-app-capable" content="yes" />
>
>     <style type="text/css" media="screen">@import "css/jqtouch.css";</
> style>
>     <link rel="apple-touch-icon" href="jqtouch.png" />
>
>     <script src="js/phonegap.js" type="text/javascript"
> charset="utf-8"></script>
>     <script src="js/jquery.js" type="text/javascript"
> charset="utf-8"></script>
>     <script src="js/jqtouch.navigate.js" type="text/javascript"
> charset="utf-8"></script>
>     <script src="js/jqtouch.animate.js" type="text/javascript"
> charset="utf-8"></script>
>     <script type="text/javascript" charset="utf-8">
>         $(function(){
>
>             // $.fn.itouch.preloadImages(['iui/toolbar.png', 'iui/
> selection.png']);
>             $('#backButton').goback();
>             $('ul li a').drilldown();
>
>         })
>
>                 var getLocation = function() {
>                   var suc = function(p){
>                                 //alert(p.latitude + " " + p.longitude);
>                                 //$('#home ul').append('<li>pleeeeease show 
> up</li>');
>                                 //$('#home>ul').append('<li>or that 
> one</li>');
>                                 //var test = $("<li>maybe that 
> one</li>").appendTo($("#home"));
>                                 $('ul#home').html('<li>last chance</li>');
>                                 alert($('ul#home').html());
>                   };
>                   var fail = function(){};
>                   navigator.geolocation.getCurrentPosition(suc,fail);
>                 }
>
>                 var preventBehavior = function(e) {
>                   e.preventDefault();
>                 };
>
>                 function init(){
>                   getLocation();
>                 }
>
>   </script>
> </head>
> <body onload="init();">
>     <div class="toolbar">
>         <h1 id="pageTitle">gTracks</h1>
>         <a id="backButton" class="button" href="#"></a>
>         <a class="button flip" href="#settings">Settings</a>
>     </div>
>
>     <ul id="home" title="gTracks" selected="true">
>         <li><a href="#tracker">Tracker</a></li>
>     </ul>
>
>         <ul id="tracker" title="Tracking Data">
>                 <li id="trackFirst"></li>
>     </ul>
>
> </body>
> </html>
>
> Thanks a lot,
> Elmar
>
> On Mar 11, 12:32 am, mkmanning <michaell...@gmail.com> wrote:
>
> > @Elmar, there's nothing wrong with your jQuery; there is with
> > Joseph's: creating a closingLIwon't work :(
>
> > Could you show where in your script you're trying to append theLI?
>
> > On Mar 10, 4:03 pm, Joseph Le Brech <jlebr...@hotmail.com> wrote:
>
> > > $("</li>").appendTo("#myList").html("Please show up");
>
> > > the one you used those should also work tho.
>
> > > > Date: Tue, 10 Mar 2009 14:18:57 -0700
> > > > Subject: [jQuery]add<li> to <ul>
> > > > From: elsch...@googlemail.com
> > > > To: jquery-en@googlegroups.com
>
> > > > Hi there,
> > > > I am probably trying the most basic example and failed in my attemps
> > > > so far. I would like toaddnew <li>´s to an existing <ul> with
> > > > jQuery. What I am trying to do:
>
> > > > in my script:
> > > > ...
> > > > $('#myList').append('<li>pleeeeease show up</li>');
> > > > ...
>
> > > > in my HTML:
> > > > ...
> > > > <ulid="myList" title="someTitle" selected="true">
> > > >         <li><a href="#internalLink">existing link</a></li>
> > > > </ul>
> > > > ...
>
> > > > But although I ask really nicely, the newliwill never show up. The
> > > > "home"ulis found correctly by jQuery and I can output it´s contents.
>
> > > > What am I doing wrong?
> > > > Thanks a lot!
>
> > > _________________________________________________________________
> > > Twice the fun—Share photos while you chat with Windows Live Messenger. 
> > > Learn 
> > > more.http://www.microsoft.com/uk/windows/windowslive/products/messenger.aspx

Reply via email to