-2

我在我的 jQuery 移动页面中嵌入了 JavaScript，问题是 JavaScript 不能工作，除非你刷新页面。

页面加载后如何使其工作的任何解决方案？

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body,td,th {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #000;
}
</style>
<link href="../jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" />
<link href="../jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" />
<script src="../jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>

<html>
<head>
</head>
<body>

<script language="javascript" type="text/javascript">


     $(document).ready(function(){
                //JQuery code for getting current URL
                var URL = $(location).attr('href');
      $('#mydiv').load('real_news.asp?'+URL);

});

</script>

<div data-role="page" id="try">
  <div data-role="header">
    <h1>Header</h1>
  </div>
  <div id="mydiv" data-role="content"></div>
</div>
</body>
</html>

</head>

<body>

</body>
</html>
4

1 回答 1

3

您的 HTML 无效。<html>你的,<head>和<body>标签太多了。

尝试创建一个有效的 HTML 文件，看看这是否能让您的脚本正常工作。另外，尝试将您的脚本放入您的<head>标签中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <style type="text/css">
            body,td,th {
                font-family: Tahoma, Geneva, sans-serif;
                font-size: 12px;
                color: #000;
            }
        </style>
        <link href="../jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" />
        <link href="../jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" />
        <script src="../jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
        <script src="../jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                //JQuery code for getting current URL
                var URL = $(location).attr('href');
                $('#mydiv').load('real_news.asp?'+URL);
            });
        </script>
    </head>
    <body>
        <div data-role="page" id="try">
            <div data-role="header">
                <h1>Header</h1>
            </div>
            <div id="mydiv" data-role="content"></div>
        </div>
    </body>
</html>
于 2013-07-02T15:50:36.673 回答