Appending a List - No Styling - Can Anyone Help.

Appending a List - No Styling - Can Anyone Help.

Hi, I am trying to create my first Web App but have stumbled onto the following problem.   I want to append a list via an AJAX call but when I append the list no styling is applied to it.

  2.  <div id="resultLog"></div>
  3.         <ul data-role="listview" id="sample" data-inset="true" data-theme="a">
  4.               <li id="history"><a href="history.html">History</a></li>
  5.        </ul>
  6. </div>

And below is the AJAX call.

  2.     <script>
  3.         $(function() {
  4.  
  5.             $("#callAjax").click(function() {
  6.                 var theName = $.trim($("#theName").val());
  7.  
  8.                 if(theName.length > 0)
  9.                 {
  10.                     $.ajax({
  11.                       type: "POST",
  12.                       url: "http://localhost:8888/speedway_app/callajax.php",
  13.                       data: ({name: theName}),
  14.                       cache: false,
  15.                       dataType: "data",
  16.                       success: onSuccess
  17.                     });
  18.                 }
  19.             });
  20.  
  21.                 $("#resultLog").ajaxError(function(event, request, settings, exception) {
  22.                 $("#resultLog").html("Error Calling: " + settings.url + "<br />HTPP Code: " + request.status);
  23.             });
  24.  
  25.             function onSuccess(data)
  26.             {
  27. $("#resultLog").html("Result: " + data);
  28. $("#resultLog").append('<li id="james"><a href="asda.html?">Asda</a></li>');
  29.             }
  30.  
  31.         });
  32.     </script>

Many thanks in advance.
Paul.

    • Topic Participants

    • paul