【问题标题】:jQuery UI Dialog (version 1.10.4) Open Only OncejQuery UI 对话框(版本 1.10.4)仅打开一次
【发布时间】:2014-02-15 14:41:36
【问题描述】:

我正在我的网页中实现 jQuery UI(版本 1.10.4),这里有一个非常简单的代码。问题是,我不知道为什么它只打开一次。任何人都可以发光吗?

主要代码:

<button class="subscribe">Subscribe</button>

    <div id="login-form" title="Sign In"> 
                        <p class="validateTips">All form fields are required.</p>
                        <form>
                        <fieldset>
                            <label for="username">Username</label>
                            <input type="text" name="username" id="username" class="text ui-widget-content ui-corner-all" />
                            <label for="password">Password</label>
                            <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
                        </fieldset>
                        </form>
                    </div>

jQuery 代码:

$(document).ready(function () {
    $( "#login-form" ).dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Login": function() {
                    //php code

                 },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
            close: function() {
                allFields.val( "" ).removeClass( "ui-state-error" );
            }
            });


            $(".subscribe").button().click(function() {
                $("#login-form").dialog("open");
            });
});

【问题讨论】:

  • 不能直接将 JavaScript(也指 jQuery 等)与 php 结合起来。
  • @Václav Ya 我知道,对于那部分,我将重定向到一个 php 页面。但现在主要问题是弹出窗口只显示一次。
  • 我查看了使用对话框的代码。我的对话框(带有 列表)每次都会打开 - 但我不使用模态版本。我猜它本身就在模态对话框中。

标签: jquery jquery-ui dialog jquery-ui-dialog


【解决方案1】:

这是因为allFields 没有定义。它抛出一个错误。随着行:

allFields.val( "" ).removeClass( "ui-state-error" );

注释掉了,效果很好。

小提琴:http://jsfiddle.net/z4Kdw/1/

我在小提琴中添加了$('input').val("").removeClass("ui-state-error"); 以清除字段而不会引发错误。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-12-14
    • 1970-01-01
    • 2011-08-31
    • 2017-04-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多