jquery - 我可以在 Fancybox 2 中放置一个文本框吗？

Question

我正在尝试将文本框放入 Fancybox2。

但是，当我单击文本框时，Fancybox 代码似乎会重新加载。我怎样才能防止这种情况发生？

您可以在此处查看问题示例；http://jsfiddle.net/geefg/11/

Answer 1

http://jsfiddle.net/64epM/

我做了一个技巧，用内容替换内容：

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0,
        afterLoad : function() {
            this.content = this.content.html();                            
        }
    });

Answer 2

问题是当你点击fancybox的内容时，就像点击一样<a>，就是重新加载页面。

尝试将input字段隐藏div：

<a class="fancybox" href="#data">Some content</a>

<div style="display:none">
    <div id="data"><input type="text" id="TextBox3" name="TextBox3"></div>
</div>

Answer 3

我做了另一个技巧，使它完美地工作

在调用 .fancybox 之前

只需检查将由 fancybox 显示的 div 是否可见

像这样

 if ($(".fancybox").is(":visible")) {
     return false;
 }
else{
   $(".fancybox").fancybox({
     padding : 0
    });
} 

这将使您的文本可编辑