Question

我有一个div，当触发时会滑入：

 <a href="javascript:void(0)" id="'. $row['post_id'] .'" onclick="chatWith(id)">

使用jquery：

function chatWith(postid){
  $("#chat_window").slideToggle("up");  
  $(".chat_postid").text(postid); 
}

<div id="chat_window">
    <span class="chat_postid"><?php echo $_POST['id']; ?></span>
</div>

我想要一个专门用于弹出该项目的新聊天

感谢任何帮助！

Answer 1

$(document).ready(function() {
    $('a').click(function() {
       var user_id = $(this).attr('id');
       $("#chats").append('<div class="chat_window" id="chat_' + user_id +'">Chat window for id: '+ user_id +'</div>');
       $("#chat_"+user_id).slideToggle("up"); 
    });
});

编辑：要为每个ID添加新div，您需要添加包含所有div的div。

<div id="chats"></div>

然后代替id chat_window使其成为一个类。然后从上面复制我的更新javascript代码。

Edit2：您只需将chatWitch()功能替换为此功能：

function chatWith(postid){ 
       $("#chat_window").append('<span class="chat_postid" id="chat_' + postid+'">Chat window for id: '+ postid+'</span>');
       $("#chat_"+postid).slideToggle("up");  
}

Answer 2

尝试使用以下代码

<a href="javascript:void(0)" data-id="<?php echo $_POST['id']; ?>" class="chat_window">Text</a>

$('a.chat_window').click(function()
{
    var id = $(this).attr('data-id');
    alert(id);
});

PHP将php id变量传递给jquery以获取div幻灯片

2 个答案: