jQuery return 在浏览器刷新时翻页

Question

我目前有一个包含文本的 div，文本会根据我的二级导航（即 Owl 轮播）的点击功能而改变。

页面刷新后，我希望文本 return 恢复到其原始默认状态。我可以找到有关如何为 jQuery 制作刷新按钮的说明，但我不想使用按钮，只想在浏览器中刷新。我在尝试做不可能的事吗？我可以转向什么样的脚本或代码来完成这个？

以下是我尝试过的一些方法：

$(document).ready(function() {
$("div[data-role*='page']").live('pagehide', function(event, ui) {
          if ($(this).children("div[data-role*='content']").is(".command-no-cache"))
              $(this).remove();
});
});

另一次尝试：

$(document).ready(function() {
refresh = function (selector)
{
try
{            
$('#TextLeft').html('refresh'); 
}
catch (e) 
{
}
});

HTML 标记

 <div class="ImageRight">
 <img src="links/00-PlaceholderLarge.jpg"/>
 </div>

<div class="TextLeft">

<div class="headline">
    <img src="links/AboutUs.png"/>
 </div>

<div class="lineGreen"></div>

<div class="tabs">

<div id="about">    
<h3>Headline</h3>
<p>TEXT</p>
</div>

<div id="first">
<h3>Headline</h3>
<p>TEXT</p>
</div>

<div id="second">
<h3>Headline</h3>
<p>TEXT</p>
</div>

<div id="third">
<h3>Headline</h3>
<p>TEXT</p>
</div>    

</div>    
</div>
</div>

<div class="clearfix"></div>

<div id="Gray">
<div id="owl-demo" class="owl-carousel owl-theme">

<div class="ImageContainer Purple">
      <div id="PurpleColor">
          <h2>TITLE</h2> 
  </div>

            <div  class="photo grow">  
             <a href="#first" id="1">           
                <img src="links/AboutUs-IMG1.jpg" />
                </a>
            </div>

        <div class="ImageFooter" id="Purple">
          <p class="ImageContainerP">Headline</p>
        </div>
  </div>

<div class="ImageContainer Green">
        <div id="GreenColor">
          <h2>TITLE</h2>
        </div>

       <div class="photo grow">
          <a href="#second" id="2">
            <img src="links/AboutUs-IMG2.jpg"/>
          </a>
       </div>

        <div class="ImageFooter" id="Green">
          <p class="ImageContainerP">Headline</p>
  </div></div>

<div class="ImageContainer Blue">
        <div id="BlueColor">
          <h2>TITLE</h2>
        </div>

        <div class="photo grow">
        <a href="#third" id="3">
            <img src="links/AboutUs-IMG3.jpg"/>
            </a>
        </div>

        <div class="ImageFooter" id="Blue">
          <p class="ImageContainerP">Headline</p>
        </div>
  </div>

</div>
</div> 
</div>

Answer 1

如果没有所有代码，很难完全回答您的问题。如果你设置一个 jsfiddle 会更容易。无论如何......我只想添加一个 class 和点击功能，为您的文本添加必要的更改。如果 class 不存在于 HTML 标记中并且仅由 JS 在单击时添加，则它不会出现在页面加载中。那应该可以解决您的问题。如果不确切了解您的点击功能的作用或有关您页面的更多细节，我真的不能更具体。

jQuery return 在浏览器刷新时翻页

jQuery return to page on browser refresh

javascript

jquery

refresh