fancybox和onfocus

Question

当我点击textarea时，我需要在php文件中加载fancybox。

我的代码：

<script type="text/javascript">
    $("#mypop").click(function() {
        $.fancybox({
        'href'                  : 'file.php',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'titleShow' : false,
        'overlayColor'  :   '#fff',
        'overlayOpacity':   0.8 }); });</script>

<textarea rows="4" cols="50" onfocus="#mypop" ></textarea>

为什么这不起作用？

Answer 1

您需要更改您的文本区域标记:删除onfocus="#mypop"并添加id="mypop"。$("#mypop")函数调用将搜索带有id="mypop"的元素，而click(function(){...})函数将添加事件侦听器。此函数调用也使onfocus=-attribute变得不必要。

Answer 2

<script type="text/javascript">

$("#mypop").click(function() {

$.fancybox("<iframe src='file.php' frameborder='0'></iframe>",{

maxWidth : 700,

maxHeight : 600,

fitToView : false,

width : '50%',

height : '50%',

autoSize : true,

closeClick: false

});

});

</script>

<textarea rows="4" cols="50" id="mypop" ></textarea>

作者: Jose ALfredo Cocom Chan