Question

我不知道为什么点击功能不起作用，

jquery代码

 $("[id^='msgr_']").click(function(){
     var id= $(this).attr('id').split("_")[1];
     $("#chatbox-data-"+id ).fadeIn();
 });

Html代码

 <div id="chatbox-data-<?php echo $d['qid'];?>" class="chatbox">

   <div  style="background-color:#000; color:#fff;padding:10px;">

  title:<a><?php echo $d['title'];?></a><br>
   qid:<?php echo $d ['qid'];?>


     <span class="close">&times;</span>

    </div><br>

链接：

 <a class="clinks msgr" style="text-decoration: none; font-weight:bold;" 
  id="msgr_<?php echo $d['qid'];?>"href="javascript:void(0)">message</a>

当我点击消息链接时，聊天框需要打开但不能正常工作没有什么问题救我

Answer 1

首先这是您代码的一部分：

   <div id="chatbox-data-<?php echo $d['qid'];?>" class="chatbox">

  <div  style="background-color:#000; color:#fff;padding:10px;">

   title:<a><?php echo $d['title'];?></a><br>
  qid:<?php echo $d ['qid'];?>


 <span class="close">&times;</span>

</div><br>

你打开两个div只关闭一个，所以把它换成：

  <div id="chatbox-data-<?php echo $d['qid'];?>" class="chatbox">

   <div  style="background-color:#000; color:#fff;padding:10px;">

   title:<a><?php echo $d['title'];?></a><br>
    qid:<?php echo $d ['qid'];?>


    <span class="close">&times;</span>

    </div></div><br>

然后在js代码：

   $("[id^='msgr_']").click(function(){
    var id= $(this).attr('id').split("_")[1];
   $("#chatbox-data-"+id ).fadeIn();
   });

你使用fadeIn已经显示的元素，所以不会发生任何变化。要么让该元素style= "display:none"接受fadeIn点击该锚点，要么将其更改为fadeOut以查看效果：

     $("[id^='msgr_']").click(function(){
      var id= $(this).attr('id').split("_")[1];
       $("#chatbox-data-"+id ).fadeOut();
      });

或

  $("[id^='msgr_']").click(function(){
      var id= $(this).attr('id').split("_")[1];
       $("#chatbox-data-"+id ).fadeOut(1000).fadeIn(1000);
       });

如何使用click函数jquery，php获取div元素

1 个答案: