html - Javascript anchor to same page not working -
so have webpage instead of using new html document (it's phones loading new html page each time makes slow) each page have sections represents different pages.
it looks this:
<body> <!-- each body must contain att least 1 section shown page --> <section id = "page-1" data-ff-role = "home default swipe-in"> <!-- each section should have header --> <header style="background-color: #cce4f5;"> so each section create has it's own id. when try link using:
function callback_listallpoi(xmlobj){ console.log("callback_listallpoi"); var names = xmlobj.getelementsbytagname("poi_namn"); var comments = xmlobj.getelementsbytagname("poi_kommentar"); (i=0;i<names.length; i++){ var text = '<li><a href="#page-1">' + names[i].textcontent + ': ' + comments[i].textcontent + '</a></li>'; $("#deploypoilist").append(text); } }; i can add 'li' items targeted 'ol' , add text , href doesn't work. when pressed adds #page-1 @ end of url instead of going anchor on page. i've tried creating tag document.createelement('a') gives same result.
edit: can create link tag statically webpage anchor works, it's anchor javascript doesn't work. 1 works should:
<li><a href="#page-1">page 1</a></li> edit 2: tried both didn't make difference me. since had done yesterday on schedule had make decision changed php , got working way. answers though , similar problem!
your code should work. maybe not have content on webpage such browser not scroll appropriate position. have example here in fiddle link: http://jsfiddle.net/z78p7d5l/8/
html code:
<ul id="deploypoilist"></ul> <section id = "page-1" data-ff-role = "home default swipe-in"> <!-- each section should have header --> <header style="background-color: #cce4f5;">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </header> </section> <section id = "page-2" data-ff-role = "home default swipe-in"> <!-- each section should have header --> <header style="background-color: #cce4f5;">testtest test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </header> </section> js code:
var text1 = '<li><a href="#page-1">hello1</a></li>'; var text2 = '<li><a href="#page-2">hello2</a></li>'; $("#deploypoilist").append(text1).append(text2);
Comments
Post a Comment