双击div上的fancybox
双击div上的fancybox
提问于 2012-11-22 15:03:53
我的要求是双击一个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);
});但是edit_proj div不能在fancybox中打开。我不知道如何在fancybox中打开它..
谢谢
Stack Overflow用户
回答已采纳
发布于 2012-11-23 02:45:13
我不知道您的divs的结构，也不知道<div id="edit_proj"></div>是否存在于您的文档结构中(您可以评估它，然后动态地将div附加到父容器中)……因此，假设您有这个(呈现的html)结构：
<div id="a1">double click me</div>
<div id="container"></div>..。其中#container是(将是) #edit_proj的父div，那么您可以尝试此脚本
$("#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请参阅
重要提示:请记住，由于您使用的是inline内容，fancybox将使用display:none;属性将<div id='edit_proj'></div>返回到它在文档结构中的位置
备注：此演示使用fancybox v2.1.3+。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13507395
复制相关文章
相似问题
腾讯云开发者
