Могу ли я разместить текстовое поле в 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

просто проверить, если DIV, который будет показан FancyBox видно или не

как этого

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

это будет ваш текст редактируемого