fancybox和onfocus

Question

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

我的代码：

<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

您需要更改textarea标记：删除onfocus="#mypop"并添加id="mypop"。 $("#mypop")函数调用将搜索具有id="mypop"的元素，click(function(){...})函数将添加事件侦听器。此函数调用还使onfocus= - 属性不必要。

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