can not calling popup when listview content show with ajax
night all...
I have a problem when loading content using ajax to the "home".
in the "home" I call listview content with ajax from "show.php"
listview
appears content ... but link to call popup when clicked on the "home", popup does not appear ... how to fix it.
This script home
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" href="jquery.mobile-1.3.0.min.css" />
- <script src="js-script/jquery-1.9.1.min.js"></script>
- <script src="js-script/jquery.mobile-1.3.0.min.js"></script>
- </head>
- <body>
- <div data-role="page" id="home">
- <div data-role="header">
- <h1>Home</h1>
- </div>
- <div data-role="content">
- <!-- this place the data li show -->
- </div>
- </div>
- <!-- script -->
- <script>
- $.ajax (
- {
- url : "show.php",
- complete : function (xhr, result)
- {
- if (result != "success") return;
- var response = xhr.responseText;
- $("#home div:jqmData(role=content)").append (response);
- $("#list").listview ();
- }
- });
- </script>
- </body>
- </html
and this show.php
- <?php
- <ul data-role="listview" data-split-icon="gear" data-split-theme="d" data-inset="true"\>
- <li data-role="list-divider"><center>List Data</center></li>
- <li><a href="#">
- <img src="blablablablablablab">
- <h2>blablablablab</h2>
- <p>asdasdasdasdasdasdasdasdas</p>
- <a href="#popup1" data-rel="popup" data-transition="pop">Configuration</a>
- </a></li>
- </ul>
- <!-- this popup cannot show when the link is clicked -->
- <div data-role="popup" id="popup1" data-theme="a">
- <ul data-role="listview" data-inset="true" style-"min-width:210px;" data-theme="a">
- <li data-role="divider" data-theme="b">Choose an Action</li>
- <li><a href="http://ww.google.com">to google</a></li>
- </ul>
- </div>
- ?>
please correct my script...