0

我正在尝试调试浏览器问题。用户可以单击更改密码按钮，该按钮会弹出一个颜色框模式弹出窗口。如果他们单击“是”，则在 Firefox 或 IE 中没有任何反应，但它在 Chrome 中有效。

                <a href="#doneChangePassword" id="changePasswordActivate" class="right modal button">Change Password</a>
                **<input class="hidden" type="submit" id="changePasswordButton" value="Change Password" />**

</section>

<div id="changePasswordContainer" class="modal_container confirm">
    <div id="doneChangePassword">
        <div>
            <div style="padding:10px;">
                <p style="font:size: 18px; text-align: center;">You are changing the password for<br /><strong>@TempData["UserFullName"]</strong>.</p>
                <div style="width: 180px; margin: 0 auto; text-align: center;">
                    <p style="margin: 0 0 10px 0;">Are you sure?</p>
                    <div class="closeBox right button_disabled_plain" onclick="$.colorbox.close();">No</div>
                    **<a href="javascript:$.colorbox.close();document.getElementById('changePasswordButton').click();return false;" class="left button">Yes</a>**
                    <div class="clr"></div>
                </div>
            </div>
        </div>
    </div>
</div>
4

1 回答 1

1

我建议你使用像jQuery这样的库并将点击事件绑定到元素

如果你必须做内联Javascript，至少使用HTML的onclick属性通常也更可靠。如果你这样做，我建议你不要使用'a'标签，这样你就不必处理它作为链接的默认行为。使用 span 或 div 并根据自己的喜好设置样式。

    <span onclick="myfunction()" class="left button">Yes</span>

    <script type="text/javascript">
     // as pointed out by the comment, the colorbox library may not have loaded yet..
     // if using jquery you could wrap this function in the page load event 
       function myfunction() {
            $.colorbox.close();
            document.getElementById('changePasswordButton').click();
        }
    </script>
于 2013-10-02T01:27:31.020 回答