Question

我想在点击按钮时在精美框中打开HTML表单。

目前表格在页面底部不是花式框中打开。

请查看我的代码

Layout / custommodule.xml文件

<default>
    <reference name="head">
        <action method="addItem"><type>skin_js</type><name>js/custom_module/custommodule.js</name></action>

        <action method="addJs"><script>custom_module/jquery-1.9.0.min.js</script></action>
        <action method="addJs"><script>custom_module/jquery.fancybox.js</script></action>
        <action method="addJs"><script>custom_module/jquery.fancybox.pack.js</script></action>
        <action method="addJs"><script>custom_module/jquery.mousewheel-3.0.6.pack.js</script></action>
        <action method="addJs"><script>custom_module/jquery.noconflict.js</script></action>
        <action method="addCss"><stylesheet>css/custom_module/custommodule.css</stylesheet></action>
        <action method="addCss"><stylesheet>css/custom_module /jquery.enter code herefancybox.css</stylesheet></action>
    </reference>
</default>

custom fancybox的custommodule.js文件代码

function loadcustomform(reloadurl){

new Ajax.Request(reloadurl, {
    method: 'post',
    parameters: Form.serialize($('product_addtocart_form')),
    onSuccess: function(transport) {
        var json = transport.responseText.evalJSON();
        var displayString = json.message;
        if(json.success) {
            jQuery('body').append('<div id="output-div"></div>');
            jQuery('#output-div').html('');
            jQuery('#output-div').html(json.request_form);
            jQuery.fancybox({
                type: 'ajax',
                width:200,
                height:100,
                fitToView: false,
                content: jQuery('#output-div'),
                modal: false
            });
        }
    }
});

}

提示：如果我评论该行

<action method="addItem"><type>skin_js</type><name>js/lib/jquery-1.10.2.min.js</name></action>

在frontend/rwd/default/layout/page.xml中，然后花哨的框正确打开。

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

Answer 1

<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>

在Magento 1.9中点击按钮打开精美框

1 个答案: