-2

我不知道出了什么问题，因为我收到一条消息“无法加载请求的内容。请稍后再试。”

<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 可以正常工作。谢谢！

4

3 回答 3

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准确显示什么。

于 2013-03-13T14:59:40.557 回答
0

如果您想在提交按钮上使用花式框效果。

  <a  href=''></a>

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

于 2013-03-13T14:25:59.523 回答