jquery fancybox没有第二次开放

时间:2014-02-05 11:07:55

标签: jquery

我使用jquery花式框2.1.4版进行数据预览,当我第一次点击即可看到预览​​时,第二次没有打开预览页面,尽管id正在传递。

  

http://jsfiddle.net/9aW9N/

<link rel="stylesheet" type="text/css" href="fancybox2.1.4/jquery.fancybox.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="fancybox2.1.4/jquery.fancybox.js"></script>
<script>
/* <![CDATA[ */
$(document).ready(function () {
  $('.preview').on("click", function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      cache: true,
      url: this.href, 
      data: $("#form1").serializeArray(),
      success: function (data) {

        $.fancybox(data, {

          fitToView: false,
          width: 905,
          height: 505,
          autoSize: false,
          overlayShow   :   true,
          closeClick: false,
          openEffect: 'none',
          closeEffect: 'none'
        }); // fancybox
      } // success
    }); // ajax
  }); // on
}); // ready
/* ]]> */
</script>
</head>
<form name="name" id="form1" method="post"
    enctype="multipart/form-data">
<div class="innerbox" >
<div class="formbox_in" style="float: left;"><label>File Name :</label>
<input type="file" value="" name="id> <input type="hidden"
    name="id" value="1" id="id"> <a class="preview" href="data.php"
    id="preview">Preview </a></div>
</form>

0 个答案:

没有答案