函数仅在页面刷新后运行

Function only runs after page refresh

本文关键字：刷新 运行 函数      更新时间：2023-09-26

我的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>

您的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>
相关文章：