Question

我必须选择让用户以签名形式制作。他们可以提交或取消。如果他们点击提交，那么他们就会得到：

enter image description here

如果他们取消他们就会得到这个：

enter image description here

我有一个小问题，不会打扰我，但会打扰我的主管（反过来会打扰我-_-）

如果你在确认对话框的弹出窗口中注意到[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>

这种情况发生在谷歌浏览器中。

Answer 1

你能检查一下chrome中的'x'按钮元素吗？看起来CSS正在给它一些填充或边距

Answer 2

我不知道为什么我之前没有检查过..

抱歉问题SO社区，在使用谷歌浏览器工具后找到答案：

第446行 - ＆gt; margin: 1px;

导致错误...这是在jquery自定义ui版本1.8.4我也改变了一些其他的东西，使它看起来更好（我可能做到这一点在线...）抱歉没有用某种浏览器工具深入研究这个问题。

Jquery对话框表单提交

2 个答案: