2012-02-21 3 views
0

私は現在、非常に簡単なスクリプトを使用して外部PHPページをHTMLページに読み込みます(転送の理由は、最終HTMLページがアプリケーションに埋め込まれるためです) 。外部PHPページには、jqueryアコーディオン設定を行うためのレイアウトが含まれています。 1/5回ページをロードすると(デスクトップ、モバイルブラウザ、または実際のアプリケーションの場合は問題ありません)、3つのうちの1つを実行します。ページをロードしてコンテンツを表示しません。コードはそこにあります)、ページ自体を複数回ロードしてください(アコーディオン内にアコーディオンがあるため、アコーディオン内にアコーディオンが存在する)か、読み込みアニメーションが停止して回転し続け、ページが完全に機能した。何か案は?ここでは、HTMLファイル内のコードjquery load funcitonとモバイルアコーディオンを使用したときの読み込みエラー

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<link rel="stylesheet" href="includes/css/themes/BCHS.min.css" /> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>BCHS Today</title> 

<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js" type="text/javascript"></script> 

<style type="text/css"> 
.title { 
    font-weight:bold; 
} 
.added_by { 
    color:#999; 
    font-weight:600; 
    font-size:9px; 
} 
</style> 
</head> 


<body> 
<div id="container"> 

</div> 
     <script type="text/javascript"> 
      $("#container").load('http://bchs.wizuma.com/index.php', '', function  (response, status, xhr) { 
       setTimeout("location.reload(true);", "5000"); 
       if (status == 'error') { 
        var msg = "Sorry but there was an error: "; 
       } 
      }); 
     </script> 

</body> 
</html> 

非常に簡単なスクリプトがあり、実際のページへのリンクがhere

答えて

0

は、競合状態のような音れます。コードを$(document).ready()コールバックに入れてください:

$(document).ready(function() { 
    $("#container").load('http://bchs.wizuma.com/index.php', '', function(response, status, xhr) { 
     setTimeout(function() { 
      location.reload(true); 
     }, 5000); 
     if (status == 'error') { 
      var msg = "Sorry but there was an error: "; 
     } 
    }); 
}); 
関連する問題