fancybox - 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

您需要更改您的 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>

作者：何塞·阿尔弗雷多 Cocom Chan