語義Ui模態抖動行為

Question

我正在使用Semantic-UI為我的項目設計一個站點，而在使用模式時，我看到了一個緊張的行為。

這是鏈接： 單擊此處進入項目站點

按下“注冊”按鈕以打開模式對話框，您會注意到該對話框在左側形成，然后正確顯示。

無法理解這種行為的原因。

一些幫助將不勝感激。

代碼：

<!-- Register Box -->
    <div class="ui fluid standard modal" id="RegisterBox">
        <div class="ui attached message" id="headerImage">
            <div class="header" id="head">
                Welcome to MeetUp!
            </div>
            <p id="subHead">Sign-up for a new account here.</p>
        </div>
        <div class="ui error form segment" id="regForm">
            <div class="ui black row">
                <div class="two fields">
                    <div class="field">
                        <label>First Name</label>
                        <input class="text" placeholder="First Name" type="text" name="fname" id="txtFn">
                    </div>
                    <div class="field">
                        <label>Last Name</label>
                        <input class="text" placeholder="Last Name" type="text" name="lname" id="txtLn">
                    </div>
                </div>
            </div>

            <div class="two fields">
                <div class="field">
                    <label>Email</label>
                    <input class="text" placeholder="Email Id" type="email" name="email" id="txtEmail">
                </div>
                <div class="field">
                    <label>Gender</label>
                    <div class="text ui selection dropdown" id="cmbSex">
                        <div class="default text">Select</div>
                        <i class="dropdown icon"></i>
                        <input type="hidden" name="gender">
                        <div class="menu">
                            <div class="item" data-value="male" data-text="Male">
                                <i class="male icon"></i>
                                Male
                            </div>
                            <div class="item" data-value="female" data-text="Female">
                                <i class="female icon"></i>
                                Female
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="two fields">
                <div class="field">
                    <label>Password</label>
                    <input class="text" type="password" placeholder="Password" name="pass" id="txtPassword">
                </div>
                <div class="field">
                    <label>Confirm Password</label>
                    <input class="text" type="password" placeholder="Password" name="Cpass" id="txtRepeatPass">
                </div>
            </div>
            <div class="ui blue button" id="btnSubmit">Register</div>
        </div>
        <i class="close icon"></i>
    </div>

Answer 1

我發現了問題。 這是由庫的新版本引起的。 使用舊版本[穩定]解決了它。