Appending to the DOM using javascript [duplicate]

Question

I'm attempting to append this to my jQuery Mobile Listview. The append works correctly, however when a user clicks on the listview, triggering goToSurveyResults, it thinks that the third parameter in this function is a reference to a variable name, when in fact I simple want the string literal name. So for example, if my function is goToResults(1,2,dog), then it thinks dog is a reference to a variable. Is there a way to make javascript acknowledge that it is in fact not a variable name but a string??

$('ul#myList').append('<li><a href="javascript:void(goToResults(' + listOfSubjects[i].id + ',' + listOfSubjects[i].numberOfSubjects + ',' + listOfSubjects[i].name + '));"><h1>title<h1></li>

NikB · Accepted Answer · 2012-08-01 16:45:48Z

1

Try adding escaped quotes around your string value parameter like:

$('ul#myList').append('<li><a href="javascript:void(goToResults(' + listOfSubjects[i].id + ',' + listOfSubjects[i].numberOfSubjects + ',\'' + listOfSubjects[i].name + '\'));"><h1>title<h1></li>');

Example of the code working: http://jsfiddle.net/nqnpv/1/

edited Aug 1, 2012 at 16:45

answered Aug 1, 2012 at 16:37

NikB

285 bronze badges

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

2 Comments

Apollo Over a year ago

thank you so much. The issue was actually in the definition of my function. Changing my function to window.FunctionName is actually what did it...the escaped quotes actually did nothing!

Apollo Over a year ago

just want to let you know that I just created another stackoverflow account so I could upvote you twice :D

Collectives™ on Stack Overflow

Appending to the DOM using javascript [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related