jqueryで以下の関数を使用してdivを更新しましたが、10秒ごとに更新され、そのdivに何かを書いているときにも更新されます。だから、誰でも私にそれに対する解決策を教えてもらえますか
setTimeout(function () {
$('.div').load('url');
}, 1000); // refresh every 1000 milliseconds
jqueryの関数ですが、入力フィールドに考えを書き込んでいるときに問題があります。
jqueryで以下の関数を使用してdivを更新しましたが、10秒ごとに更新され、そのdivに何かを書いているときにも更新されます。だから、誰でも私にそれに対する解決策を教えてもらえますか
setTimeout(function () {
$('.div').load('url');
}, 1000); // refresh every 1000 milliseconds
jqueryの関数ですが、入力フィールドに考えを書き込んでいるときに問題があります。
編集:ああ、私はあなたの編集を見ました。私はあなたの質問をよく理解していませんでした。私はこれがあなたの問題ですか?http://board.phpbuilder.com/showthread.php?10305727-Keep-form-input-after-a-refresh-reload
Jquery AJAX を使用して div を更新することをお勧めします。
この Web サイトでは、すばらしいチュートリアルを見つけることができます。 http://www.jquery4u.com/tutorials/auto-refresh-div-content-jquery-ajax/
ここに実際のデモがあります: http://www.jquery4u.com/demos/auto-refresh-div-content/
例:
<html>
<head>
<title>Auto Refresh Div Content Demo | jQuery4u</title>
<!-- For ease i'm just using a JQuery version hosted by JQuery- you can download any version and link to it locally -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function($)
{
$(document).ready(function()
{
$.ajaxSetup(
{
cache: false,
beforeSend: function() {
$('#content').hide();
$('#loading').show();
},
complete: function() {
$('#loading').hide();
$('#content').show();
},
success: function() {
$('#loading').hide();
$('#content').show();
}
});
var $container = $("#content");
$container.load("rss-feed-data.php");
var refreshId = setInterval(function()
{
$container.load('rss-feed-data.php');
}, 9000);
});
})(jQuery);
</script>
</head>
<body>
<div id="wrapper">
<div id="content"></div>
<img src="loading.gif" id="loading" alt="loading" style="display:none;" />
</div>
</body>
</html>
それが役に立てば幸い。
コードを作成すると、すべてのタグが div クラスで更新されます (.div は、クラス名が「div」であることを意味します)
div の id を設定して、次のように使用できます。
<div id="update-div"></div>
その後:
setTimeout(function () {
$('#update-div').load('url')}, 1000); // refresh every 1000 milliseconds
}