You were right. The standard code works but not the jQuery one. It works fine in a standard operation but if it is called within an Event- Handler, it doesn´t whereas the standard DOM-Manipulation works just fine.
Not sure where that leaves us but at least we have narrowed the issue down. Thanks a lot! Elmar On Mar 11, 5:30 pm, mkmanning <michaell...@gmail.com> wrote: > Not sure if this might be related to your > problem:http://groups.google.com/group/jquery-dev/browse_thread/thread/6d3de7... > > I'd suggest trying to add aLIto theULusing standard DOM methods: > varli= > 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(); > > $('ullia').drilldown(); > > > }) > > > var getLocation = function() { > > var suc = function(p){ > > //alert(p.latitude + " " + p.longitude); > > //$('#homeul').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> > > > <ulid="home" title="gTracks" selected="true"> > > <li><a href="#tracker">Tracker</a></li> > > </ul> > > > <ulid="tracker" title="Tracking Data"> > > <liid="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
