Question

我有两个页面，主要和搜索。选择＆＃34;搜索名称＆＃34;，我可以重定向到搜索页面。但是通过点击＆＃34;查看源＆＃34;，我只能看到主页面代码而不是搜索页面。显然，搜索页面中为搜索点击事件编写的javascript无效。

主页

    <!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>

搜索页面

<!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 for 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>

页面在jquery mobile中重定向

0 个答案: