jQuery的彈出窗口只能在IE瀏覽器，而不是在Firefox

Question

我有以下代碼。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            $("#submit").click(function () {
                $("#dialog").dialog({modal: true, height: 590, width: 1005 });
            });
        });
    </script>
</head>

<body>
<a href="" id="submit">
<div id="dialog" title="Contact form">
   <p>appear now</p>
 </div>
</body>
</html>

當我在即運行此代碼時，它工作正常，並彈出窗口沒問題。 但是，當我在Firefox中運行它時，它只會刷新頁面。 有人知道如何解決此問題，為什么會發生？

Answer 1

我看到兩件事

1）使用event.preventDefault防止鏈接默認行為（導航到href url，在本例中為當前頁面）

$("#submit").click(function (e) {
    e.preventDefault():
    $("#dialog").dialog({modal: true, height: 590, width: 1005 });
});

2）您a標簽不正確，它永遠不會關閉。 不知道這是一個復制粘貼錯誤還是您的真實HTML。

jQuery的彈出窗口只能在IE瀏覽器，而不是在Firefox

問題描述

1 個解決方案

解決方案1
1 2014-07-14 15:05:50

jQuery的彈出窗口只能在IE瀏覽器，而不是在Firefox

問題描述

1 個解決方案

解決方案1 1 2014-07-14 15:05:50

解決方案1
1 2014-07-14 15:05:50