-1

有元素：

#profile_search_bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    border-top-style: solid;
    border-color: #f7f7fe;
    background-color: ghostwhite;
    height: 50px;
    width: 100%;

}

它位于页面底部，对我有用，直到调用了一个扩展页面内容的 JS 函数（这里没有其他问题）。

并且通过完全重新加载扩展页面实际上会根据需要放置这个元素，但是由于它是 AJAX 操作，所以这个元素保持原样，现在它位于页面中间。

我只想重新加载它，我想这里不需要，我想，在 AJAX 中，因为我只需要告诉浏览器：“嘿，朋友，你已经加载了元素，你不能注意到，那个页面内容是扩展”。

4

3 回答 3

0

在您的第一次 AJAX 调用中向您的元素添加一个类。即'ajax-fetched'

在您的 AJAX 查询中，首先检查元素是否具有 ajax-fetched 类：

if $('your_element').hasClass('ajax-fetched')
  <<< your logic here >>>
else
  << your ajax request >>>
  on success: $('your_element').addClass('ajax-fetched')
end

在我看来，这是最简单的方法。然而，有了更多的细节，我们可以很容易地想出一个更好的解决方案。

于 2013-05-26T18:30:15.340 回答
0 
$(window).on('scroll resize', function(){
    $('#profile_search_bottom').css('bottom', '10px');
});

可能只是滚动定位和窗口调整大小的问题。

于 2013-05-26T18:31:10.703 回答
0

您也许应该尝试向 AJAX 代码添加一个简单的函数。当获取和更新信息时，请尝试以下操作：

$("#profile_search_bottom").css({"bottom":"10px"});

这实际上取决于您使用的浏览器，但我希望这对您有用。

$.ajax({
  type: "POST",
  url: "some.php",
}).done(function( ) {
  //your stuff here
  $("#profile_search_bottom").css({"bottom":"10px"});
});
于 2013-05-26T22:17:19.987 回答