Fancybox不起作用

时间:2015-11-04 17:30:36

标签: jquery fancybox

这是我的表格

<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没有响应。

1 个答案:

答案 0 :(得分:1)

如果您想创建要传递给fancybox的HTML,那么Refernce

您可以尝试这样

$(document).ready(function () {
    $(".detail").on('click', function () {
        $.fancybox({
            'content': $("#detail_form").html() // Form as HTML Content
        });
    });
});

Fiddle

或者您可以尝试使用当前的方法

$(document).ready(function () {
    $(".detail").fancybox({
        width: 600,
        autoDimensions: true,
        fitToView: false,
        scrolling: 'no',
       'content': $("#detail_form").html() //Form as HTML Content
    });
});

Fiddle