【问题标题】:form submitting inside fancybox在fancybox中提交表单
【发布时间】:2012-02-14 16:19:13
【问题描述】:

我刚开始使用fancybox。我的客户想要一个弹出框(使用fancybox),里面有一个表格。但是,我已经创建了表单,但是当我尝试点击“提交”按钮时,什么也没有发生。看起来fancybox 在javascript 代码中有一个“submit = false”函数。

有人知道我能做什么吗?完成这项工作?

JS sn-p

    $(document).ready(function() {
        $(".various").fancybox({
            maxWidth    : 800,
            maxHeight   : 600,
            fitToView   : false,
            width       : 470,
            height      : 215,
            type        : 'inline',
            autoSize    : false,
            closeClick  : false,
            openEffect  : 'none',
            closeEffect : 'none'
        });
    });

HTML

    <div id="left_profile_menu">
        <ul>
            <li><a class="various" href="#send_message"><img src="<?php echo base_url() . 'public/' ?>img/btn/send_privat_mld.jpg" /></a></li>

            <div id="send_message" style="display:none;">
                <h2>Send melding til <?php echo ucfirst($userdata['username']) ?></h2>
                <?php form_open('message/send/' . $userdata['username']) ?>
                <textarea style="padding: 10px;" rows="7" cols="53"></textarea>
                <input id="send_message_submit" type="submit" value="" />
                </form >
            </div>

            <li><a href="#"><img src="<?php echo base_url() . 'public/' ?>img/btn/legg_til_venn.jpg" /></a></li>
        </ul>
    </div> <!-- end left_profile_menu -->

【问题讨论】:

    标签: javascript jquery fancybox


    【解决方案1】:

    忘记了回声?改变这个:

    <?php form_open('message/send/' . $userdata['username']) ?>
    

    到这里:

    <?php echo form_open('message/send/' . $userdata['username']) ?>
    

    【讨论】:

    • 不用担心。现在来看看为什么它会重新加载整个页面...... ;-)
    • 哈哈 ori,稍后会实现 ajax,不用担心 :) 只是测试一些新的控制器 :)
    【解决方案2】:

    您将需要使用&lt;iframe&gt;,正如here 所记录的那样。还有许多其他问题可以准确回答您的问题:请参阅 herehereherehere

    还请注意,您忘记了 php 中的“echo”。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-22
      • 2023-04-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多