Question

我有一个使用jQuery重新加载页面的HTML代码。

目前我收到以下行为。

案例1：

我点击文本框中加载的加载按钮值。
单击“在jQuery中刷新页面”按钮，刷新页面时不会在状态栏中显示进度，并且文本框中的值也会被清除。

案例2：

我点击文本框中加载的加载按钮值。
我单击页面中的“常用刷新”文本，如果用户想要从页面导航并通过在状态栏中显示进度来刷新页面，则会刷新页面。

案例3：

我点击文本框中加载的加载按钮值。
我单击浏览器中的刷新按钮，如果用户想要离开页面，则会显示一条消息，如果用户单击该页面，状态栏会显示进度，就像刷新正在发生的那样。文本框未清除。

我希望这样的行为，如果单击“常用刷新”文本，页面应该刷新与点击“在jQuery中刷新页面”按钮所达到的相同方式，或者如果如果提示信息提示被删除则也足够了单击了文本，可以在不提示的情况下刷新文本。

如何修复浏览器的正常刷新，因为它无法按预期运行。

try.html：

<html>
<head>
<title>Refresh a page in jQuery</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 <script type="text/javascript">
function load()
{
document.getElementById("first").value="hello";
}
</script>
</head>

<body>

<h1>Stop a page from exit with jQuery</h1>

<button id="reload">Refresh a Page in jQuery</button>

<script type="text/javascript">

var bIsSafeRedirect = false;

    $('#reload').click(function() 
    {
        bIsSafeRedirect = true;
        location.reload();

    });

    $(window).bind('beforeunload', function()
    {
        if (!bIsSafeRedirect ) 
        {
                 return '>>>>>Before You Go<<<<<<<< \n Your custom message go here';
            }
    });



</script>

<table>
 <td onClick="window.location.replace('try.html')" id="reload" target="Content">
        Usual Refresh
</td>
</table>
<input type="text" id="first" size="15"/>
</body>
<input type="button" onclick="load()" value="load"/>
</html>

jQuery页面重新加载

0 个答案: