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