0

我是结帐页面中的 Magento 新手。我有一个文本字段，文本字段的 onblur 将打开一个精美的框弹出窗口。所以在 checkout.phtml 中我放置了一个 div 以在弹出窗口中显示它们的内容并将 CSS 属性显示设置为无。

在模糊中，我调用了一个 JS 函数并加载了弹出框，为此我编写了 JS 函数 - jQuery(".zipformcont").fancybox().trigger('click');

zipformcont 是 div 的类名。

问题是弹出正在加载错误 - “无法加载请求的内容。请稍后再试。”

请帮我解决这个问题。谢谢。

4

4 回答 4

1

而不是使用 .trigger(); 为什么不这样调用fancybox：

jQuery.fancybox();

Fancybox 根据其连接的选择器触发。不是它要打开的div。

于 2012-09-18T15:45:21.200 回答
0 
jQuery(function(){
   jQuery('#zipcode').blur(function(){
      jQuery.fancybox({
         "content":$('#formcontainer'),
         "hideOnContentClick": true,
         "hideOnOverlayClick": true
      });
   });
});

这应该这样做并摆脱 onblur 属性

于 2012-09-21T19:32:03.350 回答
0

我尝试了另一种选择，现在它工作正常。 选项 1) 使用 CSS 属性创建了一个 div - 显示为无

<div style="display:none"><a id="azcodelink" href="#zipcode_form">test</a></div>

2）在textfield中，Onblur调用了一个JS函数

<input type="text" name="namefld" id="namefld" value="" onblur="openpopup()" />

3）在JS函数中，我触发了“azcodelink”的点击函数

function openpopup() {
    $("#azcodelink").trigger('click');
}

4) id - zipcode_form - 有弹出内容

<form id="zipcode_form">
...
</form>

就这样..

感谢您的支持。

于 2012-09-24T16:23:22.543 回答
0 
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".fancybox").fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        iframe : {
            preload: false
        }
    });
});     
</script>

<script type="text/javascript" src="http://dev.smartparcelbox.com/skin/frontend/rwd/default/js/jquery.fancybox.pack.js"></script
于 2015-11-02T07:58:06.660 回答