Question

我正在尝试从PHP调用生成表单结果并将它们填充到div中，然后在单击提交按钮时将其显示在灯箱中。到目前为止，我已成功设置表单，并将同一页面上的结果填充到隐藏的div中。我可以通过设置一个href链接使这个div在灯箱中看起来没有问题，但只是通过单击提交按钮就无法显示它。我知道我的fancybox和jQuery调用很好但不确定我在提交按钮上出错了。

这是我到目前为止使用链接的方法：

<script type="text/javascript">
    $(document).ready(function(){
        $("#various1").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'scrolling'         : 'auto',
            'overlayOpacity'    : '0'
        });
    });
    </script>
<a id="various1" href="#inline1" >Inline</a>    
<div style="display: none;">
    <div id="inline1" style="width:500px;height:550px;">

在我提交表单后单击内联时，此处工作正常。

以下是我尝试使用提交按钮的方法：

$(document).ready(function(){
$("#submit").click(function(){

    alert('jQTest');
    $("#various1").fancybox();

    }); 
});

<input type="submit" name="submit" id="submit" value="--> Find" />

我认为必须以某种方式调用fancybox的jQuery或者提交按钮的一些标识符＆amp; div因为提交按钮点击正在注册。建议？

Answer 1

试试这个：

$("#submit").click(function(e){
    e.preventDefault();
    //alert('jQTest');
    $("#various1").fancybox();

    }); 
});

制作fancybox jQuery插件，其中包含在同一页面上提交表单的结果

1 个答案: