Question

我正在尝试使用colorbox制作内容弹出窗口。

这是我的代码

<script type="text/javascript">
$(document).ready(function() {
    $('.colorbox').colorbox({
    inline:true,
   width: 640,
   height: 480
    });
});
</script> 

   </head>

<body>
<div style="display:none">
       <div id="popup">
            <?php echo $row["content"]; ?>
       </div>
</div>

<?php echo $row["content"]; ?> <a class='colorbox' href='#popup'><span>PopUp</span></a><br>

问题是它总是显示相同的内容，例如：

content one  PopUp
content two  PopUp
content three  PopUp
content four  PopUp

如果我点击内容一个PopUp链接它将在彩色框中显示“内容一”虽然我点击内容中的两个或三个或四个PopUp它将始终在颜色框中显示“内容一”，所以如何解决这个问题

如果我点击内容一个PopUp链接它会显示“内容一”，如果我点击内容两个PopUp链接它会显示“内容二”等等我想制作

=============================================== =======================================

我可以解决问题，但我必须改变

我把它改成这样的

<a class='colorbox' href='' onclick="$.fn.colorbox({ html:'<?php echo $row["comment"]; ?>'}); return false"><span>PopUp</span></a>

但如何将onclick函数更改为jquery？我不想使用onclick ..

请帮帮我

Answer 1

点击每个.colorbox后，您应该更改#popup的内容。你可以这样做：

$(function(){

  $(".colorbox").on('click',function(){
      //do someting to change the content of #popup 
     //eg:
     //$("#popup").html(Math.rand())
  }).colorbox({
   inline:true,
   width: 640,
   height: 480
  });

});

使用colorbox创建内容弹出窗口

1 个答案: