0

我必须让用户在登录表单中做出选择。他们可以提交或取消。如果他们点击提交,那么他们会得到这个:

在此处输入图像描述

如果他们取消,他们会得到:

在此处输入图像描述

我有一个小问题不会打扰我,但会打扰我的主管(这反过来会打扰我 -_-)

如果您注意到确认对话框的弹出窗口中的 [x] 是不合适的,因为它不在 x 框的中心,它在它之外,我不知道为什么会发生这种情况。

这是我的 Jq:

<script>

$(document).on('submit', "#signinform", function(e)
{
    e.preventDefault();
    var href = '<?php echo base_url();?>studentlogin_controller/agree';
    $("#dialog-confirm").dialog(
    {
        resizable: false,
        draggable: false,
        height: 310,
        width: 500,
        modal: true,
        buttons: 
        {
            "Cancel": function() 
            {
                $(this).dialog("close");
            },
            "Enter Queue": function() 
            {
                window.location.href = href;
            }
        }
    });
});

$(document).on('click', "#Cancel", function(e)
{
    e.preventDefault();
    var href = '<?php echo base_url();?>studentlogin_controller/studentlogin';
    $("#dialog-noconfirm").dialog(
    {
        resizable: false,
        draggable: false,
        height: 310,
        width: 500,
        modal: true,
        buttons: 
        {
            "Cancel": function() 
                {
                    $(this).dialog("close");
                },
                    "Go Back": function() 
                {
                    window.location.href = href;
                }
        }
    });
});

    </script>

还有我的 HTML:

<div id="dialog-confirm" title="Please Confirm" style="display: none;">
    <ul>
        <li>By clicking <FONT COLOR="red">"Enter Queue"</FONT> counselors will be notified that you here - please take a seat</li>
<br>
        <li>If You click <FONT COLOR="red">"Cancel"</FONT> you will not be inserted into the Student Queue</li>
    </ul>
</div>

<div id="dialog-noconfirm" title="Please Confirm" style="display: none;">
    <ul>
        <li>By clicking <FONT COLOR="red">"Go Back"</FONT> your information will be removed from the current session</li>
<br>
        <li>If You click <FONT COLOR="red">"Cancel"</FONT> your information will still be active and you will stay on the current page</li>
    </ul>
</div>

这是我的主题包括和 CSS :

<link rel="stylesheet" href="<?php echo base_url(); ?>css/mainstyle.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/secondarystyles.css" type="text/css"/>
<link rel="stylesheet" href="<?php echo base_url(); ?>javascript/themes/smoothness/jquery-ui-1.8.4.custom.css"/>

<script src="<?php echo base_url(); ?>javascript/js/jquery.js" type="text/javascript"></script>
<script src="<?php echo base_url(); ?>javascript/js/jquery-ui-1.10.2.custom.js" type="text/javascript"></script>

这发生在谷歌浏览器中。

4

2 回答 2

1

你能检查一下 chrome 中的“x”按钮元素吗?看起来 CSS 给了它一些填充或边距

于 2013-05-12T14:03:54.167 回答
0

我不知道为什么我没有早点检查这个..

对不起,SO社区的问题,使用谷歌浏览器工具后找到了答案:

第 446 行 ->margin: 1px;

导致错误...这是在 jquery 自定义 ui 版本 1.8.4 中我还更改了其中的一些其他内容以使其看起来更好(我可能会在线执行此操作...)抱歉没有做我的使用某种浏览器工具深入了解问题。

于 2013-05-12T14:04:01.797 回答