Jquery div上的fancybox双击

我的要求是双击一个div时，另一个div应该作为fancybox打开。。在使用rails 3.1的Jquery中如何做到这一点

我在document.ready中有以下函数

$("#a1").dblclick(function () {
  $.get("/projects/edit/"+this.id,{
  u:$('#user').val()
  },
  function(data)
  {
  $("#edit_proj").fancybox();
  $("#edit_proj").html(data);

  });

但是编辑proj div没有在fancybox中打开。。我不知道如何在fancybox中打开它

谢谢

请确保您的页面上存在“编辑项目”，并更改此设置

 $("#edit_proj").fancybox();
  $("#edit_proj").html(data);

对此

  $("#edit_proj").html(data);
 $("#edit_proj").fancybox();

---

我不知道div的结构，如果文档结构中存在或不存在div，您可以对其进行评估，并将div动态附加到父容器中。。。因此，假设您具有以下呈现的html结构：

<div id="a1">double click me</div>
<div id="container"></div>

看

重要提示：请记住，由于您使用的是内联内容，fancybox将返回到其在文档结构中的位置，属性display:none

注意：本演示使用fancybox v2.1.3+

$("#a1").dblclick(function() {
    $.get("/projects/edit/" + this.id, {
        u: $('#user').val(),
    }, function(data) {
        if ($("#edit_proj").length == 0) {
            console.log("it doesn't exist"); // so append it
            $("<div id='edit_proj' />").appendTo("#container").html(data);
            $.fancybox("#edit_proj"); // fancybox
        } else {
            console.log("it does exist"); // so add data
            $("#edit_proj").html(data);
            $.fancybox("#edit_proj"); // fancybox
        }
    }); // get
}); // dblclick