gpt4 book ai didi

javascript - 刷新一个 div 而没有刷新整个页面?

转载 作者:行者123 更新时间:2023-12-02 14:39:52 27 4
gpt4 key购买 nike

是否可以通过单击按钮刷新 div 而不是自动刷新?一旦我打印了 #print-container,我想将 #print-container 刷新到其原始状态,而不刷新整个页面。

<body onLoad="renderTime();">
<div class="container-fluid">
<div class="row">
<div class="col-xs-4" id="printarea" >
<div id="print-container">
<div class="item"></div>
<div class="total"></div>
</div>
</div>
<div class="col-xs-8">
<ul class="final">
<li class="remove"><a href="#"><input type="submit" value="Remove Last" class="print-btn remove-item"></a></li>
<li class="remove"><a href="#"><input type="submit" value="Refresh" class="print-btn" data-corners="false" id="submit" onclick="refresh()"></a></li>
</ul>
<hr />
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="content">
<ul class="sub-menu">
<li><a href="#"><button class="menu item1">Item 1</button></a></li>
<li><a href="#"><button class="menu item2">Item 2</button></a></li>
</ul>
</div>
<!--END BEER-->
</div><!--end box-->
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(".menu a").click(function(e){
e.preventDefault();
$(".toggle").hide();
var toShow = $(this).attr('href');
$(toShow).fadeIn(5);
});
</script>
<script type="text/javascript">

//add item
$('.item1').click(function(){
$('<div class="delete">Item 1 - <span class="skill"> 840</span></div><br />').appendTo('.item');

counter();
});
$('.item2').click(function(){
$('<div class="delete">Item 2 - <span class="skill"> 910</span></div><br />').appendTo('.item');

counter();
});
</script>

<script type="text/javascript">

var counter = function() {

var total = 0;

$(".skill").each(function() {

total += + parseInt($(this).text() , 10);
});

$('.total').text('Total: \u0E3F' + total);
};

</script>

<script type="text/javascript">
function refresh() {

setTimeout(function () {
location.reload()
}, 100);
}
</script>

</body>

最佳答案

如果您的 div 是从外部源加载的(无论是否在同一服务器上),您可以使用 jQuery 函数 load() 来“刷新”div。

例如 - 如果您的 div 从文件 content.html 加载一些内容,那么您可以使用 jQuery 重新加载 div 的内容:

$("#button-id").click(function() {
$("#div-id").load("content.html");
});

就这么简单!

关于javascript - 刷新一个 div 而没有刷新整个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37098809/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com