Question

我有一个网站，我生成一些数据div。我会在每60秒后重新生成这些数据，以获得最新数据。我为每个div添加了一个全屏按钮，为div提供了一个带有javascript的.fullscreen类。这使div成为fixed position，100% width和100% height。

当div重新生成时，div上的.fullscreen不会被记住。有没有聪明的方法来实现这一目标？所以div会更新，而.fullscreen的特定div会再次获得该类。

该网站是在ASP.NET 5 MVC 6中制作的。

示例结构

<div id="container">

   <div class="tile">data...</div>
   <div class="tile">data...</div>
   <div class="tile fullscreen">data...</div>
   <div class="tile">data...</div>

</div>

在ajax调用之后，容器将替换为以下内容（清除.fullscreen类）

  <div id="container">

       <div class="tile">data...</div>
       <div class="tile">data...</div>
       <div class="tile">data...</div>
       <div class="tile">data...</div>

    </div>

Answer 1

在你的ajax成功函数中

//Get position of div where success class is applied
var index_fs=$( "#container > div" ).index($("#container > div.fullscreen"));

// your code  should be here for remove and append all div

// if index of fullscreeen is found means >=0
if(index_fs>=0)
{
    $( "#container > div:eq("+index_fs+")" ).addClass("fullscreen");
}

AJAX记住生成的元素样式

1 个答案: