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>

そして、これはGoogle Chromeで起こっています。

4

2 に答える 2

1

クロムの「x」ボタン要素を調べていただけますか? CSSがパディングまたはマージンを与えているようです

于 2013-05-12T14:03:54.167 に答える
0

なぜこれを事前に確認しなかったのかわかりませんでした..

SOコミュニティの質問で申し訳ありませんが、Google Chromeツールを使用した後に答えを見つけました:

446行目 ->margin: 1px;

エラーの原因でした...これはjqueryカスタムUIバージョン1.8.4にありました。見栄えを良くするために、そこにある他のものもいくつか変更しました（おそらくこれをインラインで行うことができました...）ある種のブラウザツールを使用して、問題を詳しく調べてください。

于 2013-05-12T14:04:01.797 に答える