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 を呼び出す前に

fancybox によって表示される div が表示されているかどうかを確認するだけです

このような

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

これにより、テキストが編集可能になります

Answer 3

問題は、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>