Question

我已经尝试过一段时间了。

当我将新的Ajax内容加载到我的手风琴中时，新内容将无法正常工作。预加载的内容在之前和之后都可以正常工作。我添加了我的代码here 我知道你不能用ajax运行脚本，因为我的config和mysql在本地运行。

这是我的"update-data.php"：

<?php
include('../../includes/config.inc.php');
if(isSet($_POST['content']))
{
$content=$_POST['content'];
$name=$_POST['name'];

$query = "INSERT INTO messages(msg,name) VALUES ('$content','$name')";
mysqli_query($sqlCon, $query);

//mysqli_query("insert into messages(msg) values ('$content')");
$sql_in= mysqli_query($sqlCon, "SELECT msg,msg_id,name FROM messages order by msg_id desc");
$r=mysqli_fetch_array($sql_in);
$msg=$r['msg'];
$name=$r['name'];
$msg_id=$r['msg_id'];
}

?>
<div class="accordionButton"><?php echo $msg_id; ?>:<?php echo $name; ?></div>
<div class="accordionContent" style="display: block;"><?php echo $msg; ?></div>

感谢您的帮助

以下是ajax调用：

<script type="text/javascript">
$(function() {
    $(".comment_button").click(function() 
    {
    var element = $(this);
    var boxval = $("#content").val();
    var bval = $("#name").val();
    var dataString = {content:boxval,name:bval};

    if(boxval=='')
    {
    alert("Please Enter Some Text");
    } else {
    $("#flash").show();
    $("#flash").fadeIn(400).html('<img src="ajax.gif" align="absmiddle">&nbsp;<span class="loading">Loading Update...</span>');

    $.ajax({
        type: "POST",
        url: "<?php echo $total_path.'/update_data.php'; ?>",
        data: dataString,
        cache: false,
        success: function(html){

        $("div#wrapper_ac").prepend(html);
        $("div#wrapper_ac .accordionButton:first").slideDown("slow");
        document.getElementById('content').value='';
        document.getElementById('name').value='';
        $("#flash").hide();
        }
    });
    }
return false;
});
</script>

Answer 1

你的php很好，只需清理输入并查看PDO

您可以阅读有关清理输入here和PDO here

的信息

在你的js中，我认为你的问题是你的陈述

 $('.accordionButton').on('click', function() {
    // DO stuff
 });

我认为只是没有足够多的东西来吸收新的数据，它将点击事件添加到所有手风琴按钮上并听取它们。

将其更改为此

 $('#wrapper_ac').on('click', '.accordionButton', function() {
    // DO stuff
 });

这会将侦听器放在#wrapper_ac上，以便捕获下面发生的任何点击事件。

希望这有帮助

编辑：有关PDO的详细信息，请查看此网站http://www.phptherightway.com/#databases

手风琴不能使用加载的新内容

1 个答案: