0

状況Joomla 2.5 の記事内で定義されたタグを自動更新しようとしています。

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">         </script> 
     <script> 
     var auto_refresh = setInterval(
     function()
     {
     alert("testing");
     $('#results').fadeOut('slow').load('#results').fadeIn("slow");
     }, 20000);
     </script-->

     <div id="results">
     {szakitable  csv = "http://127.0.0.1/msedcl/Archives/status2.csv" csvseparator=","  width= 430}
     {/szakitable}
     </div>

上記のコードは、szaki テーブルと呼ばれる拡張機能を使用しており、csv ファイルを記事に直接埋め込むことができます。csv ファイルで行われた変更が Web ページに反映されるように、div を 20 秒ごとにリロードする必要があります。 問題"$('#results').fadeOut('slow').load('#results').fadeIn("slow");" を呼び出すと div 領域内でページ全体がリロードされます。これは私が必要とするものではありません。

任意の提案をお願いします!

4

2 に答える 2

2

これを試しましたか？

$('#results').fadeOut('slow').load('{current_page.html} #results').fadeIn("slow");

{current_page.html} をドキュメントのファイル名に置き換えます

コールバックを使用する別の方法

$('#results').fadeOut('slow', function(){
    $(this).load('index.html #results').fadeIn("slow")
});
于 2013-03-13T06:25:54.593 に答える
0

.load()ページ全体を更新せずに、他のページから現在のページに外部データをロードするには、参照が必要です。

あなたのコードを見ると、#resultsまったく機能しないdivをロードしています。

ドキュメントから:

Loading Page Fragments:

これ.load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted.は、url パラメータの特別な構文で実現されます。文字列に 1 つ以上のスペース文字が含まれている場合、最初のスペースに続く文字列の部分は、読み込まれるコンテンツを決定する jQuery セレクターと見なされます。

example:

$('#result').load('ajax/test.html #container');

これがロードするのはこれgets the test.htmlで、現在のページfind the element with id of containerの要素内にロードします。result

だからあなたの場合：

var auto_refresh = setInterval(function(){
   alert("testing");
   $('#results').fadeOut('slow').load('targetpage.php #results').fadeIn("slow");
 }, 20000); //-------------------------^^^^^^^^^^^^^^---required

または、別の方法でロードしている場合は、次のようにすることができます。

$('#results').fadeOut('slow').fadeIn("slow");
于 2013-03-13T06:45:10.063 に答える