Page Redirect in jquery mobile -
i have 2 pages, main , search. on select of "search name", able redirect search page. clicking on "view source", can see main page code , not search page. apparently javascript written search click event in search page not working.
main page
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="content/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="scripts/jquery.mobile-1.4.2.min.js" type="text/javascript"></script> <title>main menu</title> <script type="text/javascript" charset="utf-8"> function search_onclick() { $.mobile.changepage("searchpage.html"); } </script> </head> <body> <div data-role="page" id="mainmenu"> <div data-role="main" class="ui-content"> <h2> action:</h2> <ul data-role="listview"> <li><a href="#" onclick="search_onclick()">search name</a></li> <li><a href="#">add name</a></li> <li><a href="#">edit name</a></li> <li><a href="#">delete name</a></li> </ul> </div> </div> </body> </html> search page
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="content/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="scripts/jquery.mobile-1.4.2.min.js" type="text/javascript"></script> <title>search name</title> <script type="text/javascript" charset="utf-8"> function search_onclick() { alert("search"); } </script> </head> <body> <div data-role="page" id="searchpage"> <div data-role="main" class="ui-content"> <input type="search" name="search" id="search" placeholder="search name..."> <input id="btnsearch" type="button" data-inline="true" value="search" onclick="search_onclick()"> <a href="mainmenu.html" class="ui-btn">main menu</a> </div> </div> </body> </html>
Comments
Post a Comment