提交fancybox不起作用

时间:2013-03-13 12:14:42

标签: jquery codeigniter fancybox

我无法确定错误,因为我收到了一条消息"无法加载请求的内容。 请稍后再试。"

<form action="<?php echo site_url('frontend/accelerator/|fltru:true|');?>" method="post" name="product_form"  >
<input type="text" name="cod_bar" id="cod_bar" value="introduceti codul de bare" onClick="if (document.product_form.cod_bar.value == 'introduceti codul de bare') {document.product_form.cod_bar.value='';}" onBlur="if (document.product_form.cod_bar.value == '') {document.product_form.cod_bar.value='introduceti codul de bare';}">
<input type="text" value="introduceti cantitatea" name="qty" onClick="if (document.product_form.qty.value == 'introduceti cantitatea') {document.product_form.qty.value='';}" onBlur="if (document.product_form.qty.value == '') {document.product_form.qty.value='introduceti cantitatea';}">
<input type="submit" value="Insereaza" name="add_product"   style="margin-left:5px; min-width:10px;">
<input type="submit" value="Cauta"  **class="fancybox fancybox.button"** name="search_product"  style="margin-left:5px; min-width:10px;">

</form>

在标题中我有这样的事情:

$(document).ready(function() {
$(".fancybox").fancybox({
    width       : 700,
    'height'    : 500,
    fitToView   : true,
    closeBtn    : true,
    autoSize    : false,
    closeClick  : true,
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    'type': 'iframe',
    helpers : {
    overlay : {
    closeClick : true,
        css : {
            'background' : 'rgba(58, 42, 45, 0.3)'
        }
    }
}
});


});

我想在这样的链接上添加以下事实: <a class="fancybox fancybox.button" href="something">bla</a>,fancybox正常工作。谢谢!

3 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

如果你想在提交按钮上使用fancybox效果。

  <a  href=''></a> 

然后在提交按钮上包含一个onclick事件,然后调用它。在您的情况下,您没有在点击后给任何位置或图像加载到fancybox中,因此您还需要提供应加载并显示在fancybox中的内容。

答案 2 :(得分:0)

Fancybox查找href属性以加载其资源。您的提交操作没有此类属性。我猜你想加载表格动作网址?有POST数据?您将需要超越fancybox的beforeLoad方法

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        type: 'iframe',
        autoSize : false,
        beforeLoad : function() {                    
            this.width = parseInt(this.href.match(/width=[0-9]+/i)[0].replace('width=',''));  
            this.height = parseInt(this.href.match(/height=[0-9]+/i)[0].replace('height=',''));
        }
});

http://jsfiddle.net/BJNYr/

如果你看这里:http://fancyapps.com/fancybox/#docs

你可以骑过一个href变量。

您只需要确定您希望fancybox准确显示的内容。