0

我在使用 FancyBox 插件时遇到问题。我正在尝试使用 Ajax 提交一个表单，然后打印一个很好的成功消息，还没有验证，试图让它工作。我可以使用 jQuery 提交并在 FancyBox 中显示任何输入的值。但是，当我尝试执行 Ajax 时，它只会关闭 FancyBox。我不是专家...

FancyBox 的内容是使用 Ajax 生成的，因为它需要来自数据库的数据。

以下是重要的代码部分：（文本为德语...）

使用 Ajax 加载到 FancyBox 的文件 

    <script>
            $("#submit").click(function() {

                var login = $("#login").val();

                $.ajax({
                       type: "POST",
                       url: "handleuseredit.php",
                       cache: false,
                       data: { login:   login },
                       success: function(data){
                       if(data=='ok')
                       {
                            alert('Richtig.');
                       }
                       else
                       {
                            alert('Falsche Benutzername/Passwort Kombination.');
                       }
                    }
                });     
            });
    </script>
        <div class="login">
            <div class="widget_header">
                <h4 class="widget_header_title wwIcon i_16_wysiwyg">Benutzer Bearbeiten</h4>
            </div>
            <div class="widget_contents lgNoPadding">
            <form method="post" id="form-edit">
                <p id="errormessagehere"></p>
                <div class="line_grid">
                    <div class="g_3 g_3M"><span class="label">Benutzername</span></div>
                    <div class="g_9 g_9M">
                        <input type="text" name="login" id="login" value="<?php echo getusername($_GET['u']) ?>" class="simple_field tooltip" placeholder="Benutzername" autocomplete="off"></div>
                    <div class="clear"></div>
                </div>
                <div class="line_grid">
                    <div class="g_3 g_3M"><span class="label">Passwort</span></div>
                    <div class="g_9 g_9M">
                        ********
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="line_grid">
                    <div class="g_6"><a href="" id="submit">Abschicken</a>
                    </div>
                    <div class="clear"></div>
                </div>
                </form>
            </div>
        </div>

这就是我如何称呼花式盒子

$(document).ready(function() {

            $(".fancybox").fancybox({

                'scrolling'     : 'no',
                'padding'       : 0,
                'titleShow'     : false

            });

         });

handleuseredit.php 只是回显“ok”来满足数据变量的要求。

4

1 回答 1

0

您可以使用 fancybox 的第 2 版（ http://fancyapps.com/fancybox/ ）来测试类似的东西：

<script>
            $("#submit").click(function() {

                var login = $("#login").val();

                $.ajax({
                       type: "POST",
                       url: "handleuseredit.php",
                       cache: false,
                       data: { login:   login },
                       success: function(data){
                       if(data=='ok')
                       {
                         $.fancybox( '<h1>Richtig.</h1>' );
                       }
                       else
                       {
                         $.fancybox( '<h1>Falsche Benutzername/Passwort Kombination.</h1>' );
                       }
                    }
                });     
            });
    </script>
于 2013-03-09T09:24:32.553 回答