[英]How to make AJAX content load smoothly while sliding Div?
在點擊“查看活動”文本時,我無法順利地滑動div。 我希望實現的是:
真正發生了什么
如何在第一次平滑滑動並在發生這種情況時平穩加載內容? 我懷疑這與滑動時改變div的內容有關,但我不知道如何修復它。
HTML
<div class="listing_activity_container">
<span style="cursor: pointer;" class="listing_activity_link <?php echo $listing->listing_id ?>">View Activity</span>
<div class="activityContent_<?php echo $listing->listing_id ?>"></div>
</div>
JQUERY
<script>
$(document).ready(function(){
$(".listing_activity_link").click(function() {
var listing_id = $(this).attr('class').split(' ')[1]
var url = "<?php echo site_url('AJAX/ajax_default/listing_activity_seller'); ?>";
$(".activityContent_"+listing_id).slideToggle();
$(".activityContent_"+listing_id).html('Loading...');
$.post(url, {listing_id: listing_id} ,function(data) {
$(".activityContent_"+listing_id).html(data);
});
});
});
</script>
使用animate
並注冊完整的回調 :
$(".activityContent_"+listing_id).animate({"height":100}, { complete: function(){
$(".activityContent_"+listing_id).html('Loading...');
...
}});
動畫結束后將執行此代碼。
我認為slideToggle不是你想要的功能......
如果你想將div打開到我想使用的設定高度
$(".activityContent_"+listing_id).animate({"height":100});
並添加一些檢測,以便在關閉div時不會嘗試加載ajax
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.