0

このフェードアウト div について簡単な質問があります。私はフェイスボックスを使用していますが、送信後にエラーが表示され、次のように表示されます。

http://puu.sh/1uPnF

しかし、彼らがそのメッセージをキャッチした後、それが消えてほしい. 送信フォームの AJAX ハンドラーでは、これは PHP コードです。

<?php
require_once('....');

$form_name = $_GET['form_name'];
$form_comment = $_GET['form_comment'];
$date = date('Y-n-j');
$ip = $_SERVER['REMOTE_ADDR'];


 if($form_name == '') {
    echo("<div class='alert alert-error-x'>Don't forget to enter a name, as we need to identify who's commenting on this article!</div>");

} else if($form_comment == '') {
    echo("<div class='alert alert-error-x'>Please do not leave the comment field blank, we want to know what you're saying!</div>");

} else {
mysql_query("INSERT INTO comment (id, articleid, name, comment, date, ip) VALUES (NULL,'{$_GET['id']}','{$form_name}','{$form_comment}','{$date}','{$ip}')");

    // output comment
    echo "<div class='alert alert-success-x'>Posted by <strong>$form_name</strong> on     <strong>{$date}</strong>$form_comment</div>";
}

?>

これは、article.php で送信される出力の場所です。

 <?php

$amount_get = mysql_query("SELECT * FROM comment WHERE articleid='" . mysql_real_escape_string($_GET['id']) . "'"); $comments = mysql_num_rows($amount_get);

$grab = mysql_query("SELECT * FROM comment WHERE articleid='" . mysql_real_escape_string($_GET['id']) . "'");

if (mysql_num_rows($grab)==0) {

    echo "<div class='alert alert-note-x'>Sorry, it looks like their are no comments to be displayed, check back later!</div>";
}

    while($row = mysql_fetch_array($grab)){

    ?>

 <div id="new_comment"></div>
 <div class="article-comment">
 Posted by <b><?php echo $row['name'] ?></b> on <b><?php echo $row['date'] ?></b>  
 <br />  
 <?php echo $row['comment'] ?>
 </div>
   <?php } ?>         
</div>
</body>
</html>

ここで、私のサイト krissales.com にある core.js ファイルに以下のコードを追加してみました。

$(window).bind("load", function() { 
$('#new_comment').fadeOut(4000);
});

しかし、うまくいきませんでした。デモをテストしたい場合は、http ://www.krissales.com/#/media/30.This-is-a-new-article-for-Testing でチェックしてください。

私が間違っているのは何ですか？

ありがとう！

4

1 に答える 1

1

AJAX を使用している場合は、jquery のajaxメソッド ( http://api.jquery.com/jQuery.ajax/ ) を使用して PHP ファイルを呼び出すことをお勧めします。

次に、successそのメソッドのコールバック関数を使用して、正しい応答を表示します。応答を非表示にするには、div をフェードアウトするだけです (必要に応じて少し遅らせます)。

if ($('#new_comment').length > 0)
{
    $('#new_comment').delay(4000).fadeOut();
}

ウィンドウの読み込み時にメッセージをフェードアウトしようとしていますが、AJAX を使用しているため、ページのリロードは発生していません。

これがお役に立てば幸いです！

于 2012-11-27T08:03:34.263 に答える