这是我的表格
<form id="detail_form" class="hidden">
...
</form>
我有一个链接
<a href='#detail_form' class='btn fancybox detail'> Details...</a>
我的脚本处理点击a#detail_form
。它工作正常
$(".detail").on('click', function () {
var self = $(this).parent().parent();
$.ajax({
type: 'post',
url: 'details',
data: {
id: self.children("input").attr("value")
}
}).done(function (data) {
if (data == "true") {
var a = self.children("a").children("span");
a.html(parseInt(a.html()) + 1);
}
});
return false;
});
我也叫fancybox
$(".fancybox.detail").fancybox({
width: 600,
autoDimensions: true,
fitToView: false,
scrolling: 'no'
});
当我点击a#detail_form
时,我的脚本正在启动,但fancybox没有响应。
答案 0 :(得分:1)
如果您想创建要传递给fancybox的HTML,那么Refernce
您可以尝试这样
$(document).ready(function () {
$(".detail").on('click', function () {
$.fancybox({
'content': $("#detail_form").html() // Form as HTML Content
});
});
});
或者您可以尝试使用当前的方法
$(document).ready(function () {
$(".detail").fancybox({
width: 600,
autoDimensions: true,
fitToView: false,
scrolling: 'no',
'content': $("#detail_form").html() //Form as HTML Content
});
});