0

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

这是我的代码

<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

如果我单击内容一弹出链接，它将在颜色框中显示“内容一”，尽管我在内容二、三或四中单击弹出窗口，但它始终会在颜色框中显示“内容一”，那么如何解决这个问题

我想让如果我单击内容一弹出链接它将显示“内容一”，如果我单击内容二弹出链接它将显示“内容二”等等

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

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

我把它改成这样

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

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

请帮我

4

1 回答 1

0

单击每个 .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
  });

});
于 2013-07-14T11:56:58.223 回答