Question

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

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

你可以在这里看到问题的一个例子; http://jsfiddle.net/geefg/11/

Answer 1

我做了一个技巧，通过执行以下操作替换内容：

$(".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
    });
}

这将使您的文字可编辑

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

3 个答案: